Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML

HTML: Заголовки, линии и комментарии

HTML заголовки

Заголовки являются важной частью HTML документа, обычно заголовок - это краткое описание того, что будет представлено ниже на странице. В HTML для обозначения заголовков используются теги <h1> (heading), <h2>, <h3>, <h4>, <h5> и <h6>, которые представляют своеобразную иерархию заголовков: от самого важного (<h1>) до самого незначительного (<h6>).

Все заголовочные теги являются блочными, при отображении на странице они будут иметь отступ сверху и снизу, отделяющий их от других элементов страницы, и занимать всю доступную ширину. Текст, заключенный внутри заголовочных тегов, отображается жирным шрифтом и имеет разный размер, соответствующий важности заголовка. По умолчанию заголовок первого уровня (<h1>) отображается самым крупным шрифтом жирного начертания, каждый последующий заголовок будет представлен размером меньше:

<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2>
<h3>Заголовок 3-го уровня</h3>
<h4>Заголовок 4-го уровня</h4>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>
Попробовать »

Используйте HTML заголовки только для обозначения заголовков на странице. Не используйте их для придания тексту большего размера или для жирного начертания, потому что поисковые системы используют заголовки для индексации структуры и содержания веб-страниц.

Примечание: не забывайте ставить закрывающий тег к каждому вашему заголовку, браузеры не вставляют их автоматически, и пропуск закрывающего тега может привести к некорректному отображению текста, идущего после заголовка.

Горизонтальная линия

Тег <hr> используется для создания горизонтальной линии по всей ширине страницы. Линии обычно используют для разделения содержимого документа друг от друга или для демонстрации визуального отделения:

<html>
  <body>

    <p>Тег hr определяет горизонтальную линию:</p>
    <hr>
    <p>Абзац</p>
    <hr>
    <p>Абзац</p>
    <hr>
    <p>Абзац</p>

  </body>
</html>
Попробовать »

Комментарии

В HTML код можно добавлять комментарии, которые не будут отображаться в браузере. Они должны начинаться с символов <!-- и заканчиваться символами -->. Все, что заключено между этими символами, при просмотре странице в браузере остается невидимым.

Есть много причин для использования комментариев в HTML-документах, например пояснение блоков кода, временное выключение кода при отладке и т.д.

Примечание: обратите внимание, что комментарии могут занимать несколько строк. Помните, что все, написанное между символами <!-- и -->, даже HTML-код, будет проигнорировано браузером.

<html>
  <body>

    <!--Этот комментарий не будет отображен-->
    <p>Обычный абзац</p>

  </body>
</html>
Попробовать »
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | puzinfo@puzzleweb.ru