В прошлом уроке мы научились работать с тегом <p> и с помощью него создавать параграфы или другими словами абзацы. Сегодня рассмотрим теги, которые отвечают за создание заголовков и подзаголовков. За заголовки в HTML у нас отвечают шесть тегов это теги, начиная с <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Заголовок под <H1> как правило используется один раз на странице и это является самый главный заголовок на странице. Остальные теги от <H2> по <H6> можно считать подзаголовками.
Тег <H1> это самый крупный заголовок, <H2> немного поменьше, <H3> еще меньше и так далее, <H6> это самый маленький подзаголовок то есть чем больше цифра, тем меньше заголовок. Все эти теги группы H являются парными и должны иметь обязательно закрывающийся тег </H1>, </H2>, </H3>, </H4>, </H5>, </H6 > в противном случае, если не закрыть тег, то весь текст станет заголовком.
Давайте создадим пример и посмотрим как все работает. Берем все тот же созданный шаблон из первого урока С чего начать WEB-программирование и создаем между тегами <body> наши заголовки.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Первая HTML страница</title>
</head>
<body>
Я заголовок <H1>
Я заголовок <H2>
Я заголовок <H3>
Я заголовок <H4>
Я заголовок <H5>
Я заголовок <H6>
</body> </html>
В новь сохраняем наш отредактированный файл и запускаем в ранее созданной папке HTML файл index.html или, если он уже запущен, просто обновляем страничку в браузере. В результате мы наблюдаем следующую картину, вначале идет самый крупный заголовок, а за ним уже остальные поменьше.
Вот такой не сложный урок у нас получился. Это все что касается заголовков, в демо-версии можно посмотреть, как это наглядно выглядит. Эти теги используются также часто, как и тег <p>, для создания параграфа. Эти теги используются всегда при создании практически любого документа, по этому нужно всегда помнить, что заголовки создаются через тег H сокращенно с английского как header - заголовок.
CSS