Язык 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 — парные.
Если вы забудете закрыть тег, может последовать явная ошибка. Например, если Вы забыли закрыть тег контейнерого типа <h1> — тег заголовка первого уровня, то:
весь дальнейший текст будет отображаться браузером как заголовок первого уровня
данная страница по-разному будет отображаться не только в различных браузерах, но даже в разных версиях одного браузера
Одиночные теги
Одиночный тег состоит только из открывающего и не требует закрывающего
Встретив, например, такой тег <hr>, браузер выведет на экран горизонтальную разделительную линию
Вложенные теги
В html-теги можно помещать другие теги:
<h1>Моя <i>первая</i> веб-страница</h1>
В этом примере внутри тега заголовка <h1> размещен тег <i>. Это тег контейнерного типа, и текст, заключенный внутри него (между <i> и </i> ), браузер выведет на экран курсивом. Таким образом, на слово «первая» осуществляется двойное воздействие — тегов <h1> и <i>
Следите за вложенностью тегов! Тег, открытый первым, закрывают последним, тег, открытый вторым, закрывают вторым от конца, и т. д.