Написание заголовков.Теги H1-H6.


Оформление текста при верстке страницы, является необходимым атрибутом верстальщика. Для этого необходимо знать синтаксис заголовочных тегов. Язык HTML предлагает шесть заголовков разного уровня, которые определяют относительную важность текста, расположенного после заголовка.

заголовки в html

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

Очень часто в самом тексте нужно выделить некоторые слова или предложения более жирным шрифтом. В таких случаях могут прибегать к заголовочным тегам, а это грубая ошибка. Например текст помещен в параграф, а внутри слово выделенное заголовочным тегом - такое пересечение не допустимо! Выходить с данного положения нужно любым другим способом. Например с использованием тега <span>, или других вариантов, которые могут выделить слово из общего визуального потока.


Так выглядит формат тега - H1


H2 - немного отличается


Вот такой тег - H3


Такой размер у тега - H4


Таким вы видите тег - H5

А этот тег самый маленький - H6



Описание тега <H>.


Выравнивание с помощью параметра align, аналог в стилях CSS text-align.

Синтаксис


Выравнивание:

left - Выравнивание заголовка по левому краю.

center - Выравнивание по центру.

right - Выравнивание по правому краю.

justify - Выравнивание по ширине (одновременно по правому и левому краю).
Этот вариант работает только для заголовка, длина которого более, чем одна строка.


Изменение цвета:


темно зеленый цвет ТЕКСТА

очень красный цвет ТЕКСТА

темно синий цвет ТЕКСТА

по материалам сайта kapon.com.ua

Поделитесь ссылкой на статью...


Всего комментариев - 0.    Можете оставить свой комментарий.


   Login *
   E-mail *
   URL (не обязательно)
- подписаться на сообщения        - я не спамер