Язык 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>

Следите за вложенностью тегов! Тег, открытый первым, закрывают последним, тег, открытый вторым, закрывают вторым от конца, и т. д.