2.2. Основные тэги

2.2.1. Заголовки

Тэги <h1>, <h2>, …, <h6> задают заголовки различных уровней: от первого до шестого. Эти тэги контейнерные, т.е. к ним требуется указывать закрывающие тэги </h1>, </h2>, …, </h6> в конце заголовков. Пропуск закрывающего тэга приведёт к тому, что весь последующий текст будет отформатирован как заголовок соответствующего уровня. Число уровней заголовков (шесть) жёстко задано в языке HTML; изменить его невозможно. Если Вы заключите текст в тэг <h7>, то его форматирование не изменится. Таким образом, браузеры игнорируют неизвестные им тэги.

2.2.2. Абзацы и переводы строки

Конец строки в коде HTML-документа воспринимается браузером так же, как обычный пробел. Для перехода на новую строку на веб-страницах используются тэги абзаца <p> и перевода строки <br>.

Тэг <p> задаёт начало нового абзаца текста (англ. paragraph – абзац). Кроме того, в отличие от текста в книге, на веб-страницах по умолчанию абзацы не имеют отступов в начале первой строки (красных строк). Вместо этого они разделяются увеличенным расстоянием между абзацами.

Тэг <br> задаёт перевод строки (англ. break – разорвать, row – ряд, строка). В этом случае последующий текст идёт с новой строки, но без абзаца. Увеличения расстояния между строками при этом не происходит. Различие между абзацами и переводами строки аналогично тому, которое существует в редакторе документов Microsoft Word, где начало нового абзаца вводится клавишей Enter, а перевод строки – сочетанием клавиш Shift-Enter.

Можно включить в текст одну или несколько пустых строк, применив тэг <br> два раза подряд или более.

Использовать для разделения абзацев тэг перевода строки <br> вместо <p> нежелательно, так как при этом будет трудно понять, где кончается один абзац и начинается следующий, особенно, если концевая строка первого абзаца длинная. Для разделения абзацев нужно использовать тэг <p>.

Существуют исключения. Так, для стихотворений, начало каждой строки тэгом <p> приведёт к тому, что интервалы между строками будут слишком велики. Поэтому строки стихотворения следует разделять тэгами <br>. При этом тэг <p> можно использовать для разделения строф, между которыми желательно иметь увеличенное расстояние.

2.2.3. Тэг <a>: якоря и гиперссылки

Тэг <a> (англ. anchor – якорь) в HTML играет двойную роль. Чаще он используется для создания гиперссылок – в этом случае он записывается с атрибутом href (от англ. hypertext reference):

<a href="URL-путь к файлу">Текст ссылки</a>

С помощью ссылки устанавливается связь с другим (или с тем же) документом. Ссылкой может быть фрагмент текста или изображение. По умолчанию текстовая ссылка подчёркнута. При подведении курсора мыши к гипертекстовой ссылке он принимает форму руки с вытянутым указательным пальцем. При нажатии на ссылку браузер обращается к серверу, запрашивая документ, адрес которого указан в атрибуте href. Указывать адрес страницы нужно полностью, включая протокол доступа, например: <a href = "http://www.yandex.ru">. Запись <a href = "yandex.ru"> означает переход к файлу с именем yandex и расширением ru в текущей папке, а не к сайту поисковой системы «Яндекс».

Кроме того, тэг <a> может быть использован для создания якоря – поименованного места в документе, к которому можно обращаться по этому имени. В данном случае он записывается с атрибутом name. Значением этого атрибута будет имя якоря, по которому можно будет впоследствии обратиться к помеченному месту в документе. Имя можно дать любое, но лучше, чтобы оно было осмысленным.

<a name="id1">Помечаемый текст</a>

После этого на другой или той же самой странице можно создать ссылку на якорь:

<a href="mypage.htm#id1">Текст ссылки</a>

Таким образом, URL веб-страницы отделяется от имени якоря знаком решётки (#). При создании ссылки на другое место той же самой страницы указывать URL нет необходимости – в этом случае значение атрибута href будет начинаться со знака решётки.