Язык HTML. Основные понятия
Современный этап развития Интернета начался в начале 90-х годов с появлением нового протокола обмена информацией HTTP (Hyper Text Transfer Protocol) – протокола передачи гипертекста. Вместе с этим протоколом появилась и служба World Wide Web, которая представляет собой обширную сеть серверов HTTP, передающих файлы через Интернет. Основную часть этих файлов представляют Web-страницы – специальные файлы, написанные на языке HTML.
Что же такое HTML — Hyper Text Markup Language? Это язык гипертекстовой разметки, разработанный специально для создания веб-документов, например веб-страниц
Веб-страница — это документ (например, текстовый), размеченный с помощью специальных элементов HTML — тегов, или html-тегов, языка. Такие страницы часто называют html-страницами. Они имеют расширение .html или .htm
Специальные программы — браузеры служат для интерпретации html-тегов и отображения содержимого веб-страниц. На экран html-теги не выводятся, они только указывают браузеру, как отображать содержимое документа
Иными словами, в браузер встроен интерпретатор языка HTML. Интерпретаторы, встроенные в различные браузеры, работают неодинаково, и одна и та же html-страница может отображаться в них по-разному. В этой связи язык HTML не предназначен для описания формата документа. Он служит для функциональной разметки документа, т.е. позволяет определить назначение фрагментов текста. Например, если в тексте встречается заголовок, то код HTML просто указывает. Что соответствующий фрагмент является заголовком. Получив такой код, программа просмотра (браузер) сама решает, что ей делать с заголовком.
Познакомимся с минимальным инструментальным набором языка HTML и сосредоточим внимание на технологии подготовки веб-документов
Синтаксис HTML
Парные теги
Одиночные теги
Вложенные теги
Теги, атрибуты, значения
Структура html-документа
Синтаксис HTML
Разметка документа осуществляется с помощью тегов (англ. tag — отметка)
Теги html бывают двух типов — контейнерные и одиночные — и заключаются в угловые скобки
Парные теги
Парные теги состоят из пары — открывающий и закрывающий тег. Перед именем закрывающего тега необходимо ставить косую черту / (прямой слэш):
— содержимое, обрабатываемое данным тегом
Закрывающий тег завершает действие открывающего. Большинство тегов в HTML — парные.
Если вы забудете закрыть тег, может последовать явная ошибка. Например, если Вы забыли закрыть тег контейнерого типа — тег заголовка первого уровня, то:
весь дальнейший текст будет отображаться браузером как заголовок первого уровня
данная страница по-разному будет отображаться не только в различных браузерах, но даже в разных версиях одного браузера
Одиночные теги
Одиночный тег состоит только из открывающего и не требует закрывающего
Встретив, например, такой тег , браузер выведет на экран горизонтальную разделительную линию
Вложенные теги
В html-теги можно помещать другие теги:
Моя первая веб-страница
В этом примере внутри тега заголовка размещен тег . Это тег контейнерного типа, и текст, заключенный внутри него (между и ), браузер выведет на экран курсивом. Таким образом, на слово «первая» осуществляется двойное воздействие — тегов и
Следите за вложенностью тегов! Тег, открытый первым, закрывают последним, тег, открытый вторым, закрывают вторым от конца, и т. д.
Теги, атрибуты, значения
Тег может иметь атрибуты и значения атрибутов. Атрибуты добавляют в тег для расширения или модификации его действий. Наборы допустимых атрибутов для тега описаны в спецификации языка HTML. Правила записи атрибутов и значений:
после имени тега через пробел могут следовать атрибуты
атрибуты отделяют друг от друга пробелами
порядок следования атрибутов произволен
атрибуты не нужно повторно описывать в закрывающем теге
значения атрибутов записывают в кавычках после знака равенства
названия тегов не должны содержать пробелов
Спецификация html позволяет опускать кавычки, если значение атрибута состоит из одного слова (букв a—z) или числа (цифр 0—9)
Если значение содержит несколько слов, разделенных запятыми или пробелами, либо специальные символы, то кавычки обязательны
В языке HTML безразлично, в каком регистре вы записываете названия тегов и их атрибуты
Результат будет идентичен. Кроме того, в одном документе вы можете использовать для написания тегов и верхний, и нижний регистр
Чувствительными к регистру являются только некоторые значения атрибутов
Поэтому сразу возьмите за правило писать значения атрибутов в нижнем регистре
