-
Notifications
You must be signed in to change notification settings - Fork 2
exam04
1. Понятия информации, информационных технологий, информационных систем. Обязанности оператора информационной системы.
2. Язык разметки HTML. Блочные и строчные элементы. Создание и управление стилями
Выполнили: Сырич Ксения ИДМ-22-02, Косилов Глеб ИДМ-22-04, Новосельцев Дмитрий ИДМ-22-05, Мамонтов Владимир ИДМ-22-08
Понятия информации, информационных технологий, информационных систем. Обязанности оператора информационной системы.
ТЕКСТ РЕФЕРАТА
HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
HTML-элементы являются «строительными блоками» HTML страниц. Язык HTML позволяет встраивать разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, в отображаемую страницу. HTML предоставляет средства для создания абзацев, заголовков, списков, цитат, ссылок, и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок «<» и «>». Такие теги, как <img />; и <input />, напрямую вводят контент на страницу. Другие теги, такие как <p>, могут включать другие теги в качестве подэлементов и окружают и оформляют текст внутри себя. Браузеры не отображают HTML-теги, а используют их для интерпретации содержимого страницы.
Исторически HTML-элементы было принято делить на блочные и строчные.
Обычно, блочные элементы могут содержать строчные элементы и другие блочные элементы. Идея в том, что блочные элементы создают «более крупную» структуру, чем строенные элементы.
По умолчанию блочные элементы начинаются с новой строки, а строчные могут начинаться в любом месте строки.
Разделение элементов на блочные и строчные использовалось в спецификации HTML до версии 4.01. В HTML5 произошла заменена на наборы категорий контента. Категория «строчных» элементов примерно соответствует категории текстового контента, а для «блочных» элементов прямого соответствия нет, но «блочные» и «строчные» элементы вместе примерно соответствуют категории потокового контента в HTML5.
Блочные элементы занимают всю ширину своего родителя (контейнера), формально создавая «блок» (отсюда и название).
Браузеры обычно отображают блочные элементы с переводом строки до и после элемента.
Блочные элементы могут отображаться только внутри элемента <body> и его потомков.
Список блочных элементов: address, article, aside, blockquote, details, dialog, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, li, main, nav, ol, p, pre, section, table, ul.
Пример блочного элемента:
<p> Блочный элемент </p>
В HTML (Языке Гипертекстовой Разметки), строчные элементы это те, которые занимают только пространство, определенное тегом, определяющим строчный элемент (необходимое для отображения содержимого), не нарушая поток содержимого (каждый элемент, который не требует новой строки после него).
Следующие элементы являются строчными: b, big, i, small, tt, abbr, acronym, cite, code, dfn, em, kbd, strong, samp, time, var, a, bdo, br, img, map, object, q, script, span, sub, sup, button, input, label, select, textarea.
Пример строчного элемента в блочном элементе:
<p> Строчный элемент: <span> span </span> </p>
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. CSS описывает, как HTML-элементы должны отображаться на экране, бумаге или на других носителях.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц.
В CSS могут задаваться при помощи селекторов не только одиночные элементы, но и элементы, являющиеся потомками, дочерними или сестринскими элементами других элементов.
Стандарт CSS предлагает три варианта применения таблицы стилей к веб-странице:
- Внешняя таблица стилей — определение правил таблицы стилей в отдельном файле .css, с последующим подключением этого файла в HTML-документ с помощью тега <link>.
Пример:
p {
color: red;
}
- Внутренняя таблица стилей — определение правил таблицы стилей с использованием тега <style>, который обычно располагается в разделе <head> HTML-документа.
Пример:
<style type="text/css">
body {
background-color:palegreen;
}
</style>
- Встроенный стиль — это способ вставки языка таблицы стилей прямо в начальный тег HTML-элемента.
Пример:
<p style="color:red;">Параграф</p>
ИСТОЧНИКИ
- 📑 Лекции по дисциплине "Интернет-технологии"
- 💬 HTML для начинающих
- 📑 Блочные элементы"
- 📑 Строчные элементы
- 📃 HTML Стили
ИСТОЧНИКИ