Заголовок HTML страницы
HTML заголовок как самостоятельный элемент интернет-страницы.
Д альше в примерах будут показаны только участки кода, но в своих экспериментах не забывайте прописывать его целиком, по шаблону из первого урока и после каждого изменения в документе обновляйте web-страницу, нажатием на в Mozilla Firefox или на 
в Internet Explorer, или F5.
- HTML заголовки 6-ти уровней
- HTML заголовок слева, по центру страницы, справа
В предыдущем уроке вы познакомились с HTML заголовком 3-го уровня – всего их 6:
HTML заголовок 1-го уровняHTML заголовок 2-го уровняHTML заголовок 3-го уровняHTML заголовок 4-го уровняHTML заголовок 5-го уровняHTML заголовок 6-го уровня |
Для тегов заголовков характерно следующее: чем меньше цифра, тем больше размер шрифта.
Зачем в тексте заголовки думаю понятно, к тому же, они используются поисковыми машинами для анализа содержимого интернет-страниц.
- HTML заголовок определяет название отдельной статьи или web-страницы.
- В идеале страница должна иметь не более одного HTML заголовка 1-го уровня, не более двух второго уровня и так далее.
- HTML заголовки, независимо от того, что каждому уровню соответствует определенный размер, могут быть любых размеров – с помощью CSS возможно какое угодно форматирование.
HTML заголовки и их горизонтальное выравнивание
HTML заголовок слева |
HTML заголовок по центру |
HTML заголовок справа |
Атрибуты и значения
- align=»» – определяет выравнивание.
- align=»left» – выравнивание по левой стороне.
- align=»right» – по правой стороне.
- align=»center» – определяет центрирование.
- style=»color:» – определяет цвет текста.
Элементы style=»» есть линейные CSS включения.
Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018
Структура HTML 
HTML заголовки по центру 
HTML шрифт и текст
© 2009 — 2023 | При использовании материала, ссылайтесь на мой сайт!
По всем вопросам обращайтесь: go@ab-w.net | Заголовок в HTML? – Не вопрос!
Тег HTML выравнивание текста по центру
Тег в HTML используется, чтобы выровнять текст по центру.
Текст, помещенный внутри тега , будет размещен симметрично относительно центра родительского блока.
Тег является устаревшим и не поддерживается в HTML5.
Как выровнять текст по центру в HTML5
В HTML5 выравнивание текста по центру (по середине блока) осуществляется при помощи CSS свойства text-align . Значение center позволяет выровнять текст относительно центра (центрирование). Другие значения: left, right, justify изменяют правило выравнивания на, соответственно, по левому краю, по правому краю и по ширине блока.
Синтаксис
текст Отображение в браузере
Пример использования в HTML коде
Выравнивание текста по центру в HTML
текст по центру
текст по центру Поддержка браузерами
| Тег |  |
 |
 |
 |
 |
| Да | Да | Да | Да | Да |
Атрибуты
Тег не имеет собственных атрибутов, поддерживает глобальные HTML атрибуты.
Атрибут align
left Выравнивание заголовка по левому краю. center Выравнивание по центру. right Выравнивание по правому краю. justify Выравнивание по ширине (одновременно по правому и левому краю). Это значение работает только для заголовка, длина которого более, чем одна строка.
Значение по умолчанию
Аналог CSS
HTML 4.01 IE Cr Op Sa Fx
Тег H1, атрибут align Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Результат данного примера показан на рис. 1.
Рис. 1. Заголовок, выровненный по правому краю
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
Заголовки HTML
У любого текста должен быть заголовок. А у любого хорошего текста должны быть ещё и подзаголовки. А поскольку HTML-страница — это в большинстве случаев текст в том или ином виде, то в HTML, разумеется, должны быть специальные средства для оформления заголовков. И, скажу вам по секрету, такие средства есть )))
Как создать заголовок в HTML
Для заголовка, как и для всего прочего, есть специальный тег. Заголовками и подзаголовками не стоит пренебрегать, поскольку они позволяют сделать страницу более “читабельной” и, кроме того, влияют на индексацию страницы в поисковых системах.
Тег заголовка HTML начинается с буквы H или h. Затем идёт число, которое определяет размер заголовка. Таким образом, в HTML есть шесть тегов для заголовков — от (самый крупный заголовок HTML) до (самый мелкий).
Как вы понимаете, размер заголовка HTML зависит от числа, которое мы записываем после буквы h.
Тег заголовка — это парный тег. Поэтому заголовок документа HTML в исходном коде страницы должен выглядеть, например, так:
Это самый большой заголовок HTML
Обычно браузер отображает заголовки полужирным шрифтом. Текст в теге обычно имеет такой же размер, что и основной текст страницы.
Теги заголовков разрывают текст. То есть перед заголовком и после заголовка будут пустые строки, даже если там нет тегов абзаца или конца строки.
Уровни заголовков HTML
Иногда вы можете встретить такое название, как “уровень заголовка”. Здесь имеются ввиду номера и размеры заголовка. HTML заголовок h1 — это заголовок первого уровня, h2 — второго уровня, ну и так далее.
Тег обычно используют для заглавия всего документа. Тег — для названий разделов и так далее.
Выравнивание заголовка HTML
По умолчанию заголовок выравнивается по левому краю. Но при необходимости его можно выровнять по центру, по правому краю и т.п. Для этого используются такие же атрибуты, как и для параграфов (см. здесь).
Пример выравнивания заголовка по центру:
Этот заголовок выровнен по центру
ПРИМЕЧАНИЕ
Атрибут justify (выравнивание по ширине страницы) поддерживается не всеми браузерами.
Атрибуты заголовков HTML
Теги заголовков могут иметь и другие атрибуты. Например, class, dir, id, lang, style, title, а также атрибуты событий. Но об этом мы будем говорить более подробно в других статьях. Если же вы уже сейчас хотите знать всё о вёрстке сайтов, то вам сюда.