Язык разметки гипертекста

Язык разметки гипертекста (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-документа выполняет анализ записанного в нем кода (интерпретирует код) и результат отображает в окне программы. При этом:

  1. Множественные пробелы и переводы строк игнорируются.
  2. Текст переносится в конце строки по пробелам.
  3. При изменении размера окна браузера размер строки автоматически изменяется.

Элемент – конструкция языка HTML (контейнер), содержащая данные и позволяющая отформатировать их определенным образом. Примеры элемента: HEAD – раздел заголовка, LIST – список. На Web-странице элемент оформляется с использованием тегов.

Тег – начальный или конечный маркер элемента, который управляет отображением текста, но сам при этом не отображается. Тег записывается в виде набора символов – ключевых слов, заключенных в угловые скобки (знаки «меньше» и «больше»), например <HTML>. Ключевое слово формируется из названия элементов.

Свойства тегов:

  1. Теги бывают двух типов: контейнерные и одиночные. Контейнерные теги состоят из пары – открывающий и закрывающий тег. Открывающий создает эффект, а закрывающий – прекращает его действие. Ключевое слово у закрывающего тега начинается косой чертой, например, код <B>Текст, выделенный полужирным шрифтом </B> обеспечивает такое отображение текста: Текст, выделенный полужирным шрифтом .
    Одиночный тег дает разовый эффект в месте своего расположения в документе. Закрывающий тег у него отсутствует. Например, тег <HR> в месте его написания браузер формирует горизонтальную черту (смотри строчкой ниже).

  2. Парные теги могут вкладываться друг в друга без пересечений. Пример вложенных тегов: <P>Текст абзаца <I> со словами выделенными курсивом</I></P>. А так этот текст с кодом отображает браузер:Текст абзаца со словами выделенными курсивом
  3. Регистр символов в тегах не учитывается. Пример одинаковой для браузера записи: <HEAD>, <head>, <Head>.
  4. Неправильно написанные или незнакомые теги браузером игнорируются.
  5. Названия тегов не должны содержать пробелов.

Атрибут – параметр или свойство элемента.

Свойства атрибута:

  1. Атрибут записывается в открывающем теге и отделяется от ключевого слова и других атрибутов пробелами.
  2. Значение атрибута, если оно требуется, отделяется от ключевого слова знаком равенства (=). Символьное значение дополнительно заключается в одиночные или двойные кавычки.
  3. Число атрибутов у одного тега не ограничено.
  4. Значение атрибута может быть чувствительно к регистру.
  5. Последовательность записи атрибутов значения не имеет. Пример записи тега с атрибутами: <BODY bgcolor=”#000000″ text=”black” background=”rain.gif”>

Комментарий. В HTML предусмотрена возможность использования комментария – текстовых строк, не являющихся частью программы, а служащих для пояснения. Комментарий записывается в специальном теге <!– Этот текст является комментарием –>. Комментарий может содержать любые символы, кроме символа «больше» (>).

Представление цветов в HTML-документах. Значение цвета задается как значение соответствующих атрибутов в одной из двух форм:

  1. С помощью английских имен цветов.
  2. Шестнадцатеричным кодом в 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 условно можно разделить на группы:

  1. Структура документа
  2. Структура текста
  3. Форматирование символов (физическое, логическое)
  4. Гиперссылки, адресация
  5. Списки
  6. Таблицы
  7. Размещение графики
  8. Специальныые символы
  9. Управление цветом

В следующих заметках рассмотрим теги этих групп.

Понравилась статья? Расскажите друзьям.
Друзья, приглашаю к общению
This entry was posted in HTML, Обучение and tagged , , , , , , . Bookmark the permalink.

Comments are closed.