Язык разметки гипертекста
Язык разметки гипертекста (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 года.
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 условно можно разделить на группы:
- Структура документа
- Структура текста
- Форматирование символов (физическое, логическое)
- Гиперссылки, адресация
- Списки
- Таблицы
- Размещение графики
- Специальныые символы
- Управление цветом
Элементы, определяющие структуру текста
Hn - Заголовок
P - Абзац
PRE - Предварительно отформатированный текст
BR - Обрыв строки
NOBR - Запрет переноса
BLOCKQUOTE - Длинная цитата
HR - Горизонтальная линия
DIV - Раздел
ADDRESS - Адрес
|