Язык разметки гипертекста (HTML – HyperText Markup Language) предназначен для функциональной разметки документа и обеспечивает его правильное отображение в браузере. Это основной язык, использующийся для создания Web-страниц, минимальных информационных ресурсов одной из служб (сервиса) Интернета – Всемирной паутины (World Wide Web – WWW). Разработан Тимом Бернес-Ли в 1989 году.
Стандарт HTML разработан под руководством консорциума World Wide Web (World Wide Web Consortium, W3C). В настоящее время действует версия HTML 4.01 рекомендованная 24.12.1999 года. Идет разработка версии HTML5.
HTML-документ – текстовый документ, содержащий описание Web-страницы c использованием специальных конструкций языка HTML, называемых тегами. Имеет расширение .htm или .html.
Браузер (browser) – программа для просмотра Web-страниц. Браузер при получении HTML-документа выполняет анализ записанного в нем кода (интерпретирует код) и результат отображает в окне программы. При этом:
- Множественные пробелы и переводы строк игнорируются.
- Текст переносится в конце строки по пробелам.
- При изменении размера окна браузера размер строки автоматически изменяется.
Элемент – конструкция языка HTML (контейнер), содержащая данные и позволяющая отформатировать их определенным образом. Примеры элемента: HEAD – раздел заголовка, LIST – список. На Web-странице элемент оформляется с использованием тегов.
Тег – начальный или конечный маркер элемента, который управляет отображением текста, но сам при этом не отображается. Тег записывается в виде набора символов – ключевых слов, заключенных в угловые скобки (знаки «меньше» и «больше»), например <HTML>. Ключевое слово формируется из названия элементов.
Свойства тегов:
-
Теги бывают двух типов: контейнерные и одиночные. Контейнерные теги состоят из пары – открывающий и закрывающий тег. Открывающий создает эффект, а закрывающий – прекращает его действие. Ключевое слово у закрывающего тега начинается косой чертой, например, код <B>Текст, выделенный полужирным шрифтом </B> обеспечивает такое отображение текста: Текст, выделенный полужирным шрифтом .
Одиночный тег дает разовый эффект в месте своего расположения в документе. Закрывающий тег у него отсутствует. Например, тег <HR> в месте его написания браузер формирует горизонтальную черту (смотри строчкой ниже).
- Парные теги могут вкладываться друг в друга без пересечений. Пример вложенных тегов: <P>Текст абзаца <I> со словами выделенными курсивом</I></P>. А так этот текст с кодом отображает браузер:Текст абзаца со словами выделенными курсивом
- Регистр символов в тегах не учитывается. Пример одинаковой для браузера записи: <HEAD>, <head>, <Head>.
- Неправильно написанные или незнакомые теги браузером игнорируются.
- Названия тегов не должны содержать пробелов.
Атрибут – параметр или свойство элемента.
Свойства атрибута:
- Атрибут записывается в открывающем теге и отделяется от ключевого слова и других атрибутов пробелами.
- Значение атрибута, если оно требуется, отделяется от ключевого слова знаком равенства (=). Символьное значение дополнительно заключается в одиночные или двойные кавычки.
- Число атрибутов у одного тега не ограничено.
- Значение атрибута может быть чувствительно к регистру.
- Последовательность записи атрибутов значения не имеет. Пример записи тега с атрибутами: <BODY bgcolor=”#000000″ text=”black” background=”rain.gif”>
Комментарий. В HTML предусмотрена возможность использования комментария – текстовых строк, не являющихся частью программы, а служащих для пояснения. Комментарий записывается в специальном теге <!– Этот текст является комментарием –>. Комментарий может содержать любые символы, кроме символа «больше» (>).
Представление цветов в HTML-документах. Значение цвета задается как значение соответствующих атрибутов в одной из двух форм:
- С помощью английских имен цветов.
- Шестнадцатеричным кодом в RGB-палитре (Red-Green-Blue) с выделением двух цифр для каждой составляющей.
Название цвета |
Числовой код |
Название цвета |
Числовой код |
||
aqua | морская волна | #00FFFF | navy | темно-синий | #000080 |
black | черный | #000000 | olive | оливковый | #808000 |
blue | синий | #0000FF | purple | фиолетовый | #800080 |
fuchsia | фуксия | #FF00FF | red | красный | #FF0000 |
gray | серый | #808080 | silver | серебряный | #C0C0C0 |
green | зеленый | #008000 | teal | сизый | #008080 |
lime | лимонный | #00FF00 | yellow | желтый | #FFFF00 |
maroon | красно-коричневый | #800000 | white | белый | #FFFFFF |
Пример задания цвета фона документа (именем цвета) и всего текста (шестнадцатеричным кодом):
<BODY bgcolor=”silver” text=”#000080″>
Все элементы HTML условно можно разделить на группы:
- Структура документа
- Структура текста
- Форматирование символов (физическое, логическое)
- Гиперссылки, адресация
- Списки
- Таблицы
- Размещение графики
- Специальныые символы
- Управление цветом
В следующих заметках рассмотрим теги этих групп.