HTML теги, определяющие HTML заголовки
HTML заголовок как самостоятельный элемент интернет-страницы.
Дальше в
примерах будут показаны только участки кода, но в своих экспериментах не
забывайте прописывать его целиком,
по шаблону из первого урока и после каждого
изменения в документе обновляйте web-страницу, нажатием на
в Mozilla Firefox или на
в Internet Explorer, или F5.
- HTML заголовки 6-ти уровней
- HTML заголовок слева, по центру страницы, справа
В предыдущем уроке вы познакомились с HTML заголовком 3-го уровня – всего их 6:
<html>
<head>
<title>HTML заголовки</title>
</head>
<body>
<h1>HTML заголовок 1-го уровня</h1>
<h2>HTML заголовок 2-го уровня</h2>
<h3>HTML заголовок 3-го уровня</h3>
<h4>HTML заголовок 4-го уровня</h4>
<h5>HTML заголовок 5-го уровня</h5>
<h6>HTML заголовок 6-го уровня</h6>
</body>
</html>
|
Для тегов заголовков характерно следующее: чем меньше цифра, тем больше размер шрифта.
Результат: HTML заголовки и их размеры
Зачем в тексте заголовки думаю понятно, к тому же, они используются поисковыми машинами для анализа содержимого web-страниц.
- HTML заголовок определяет название отдельной статьи или web-страницы.
- В идеале страница должна иметь не более одного HTML заголовка 1-го уровня, не более двух второго уровня и так далее.
- HTML заголовки, независимо от того, что каждому уровню соответствует определенный размер, могут быть любых размеров – с помощью CSS возможно какое угодно форматирование.
HTML заголовки и их горизонтальное выравнивание
Примеры:
<h3 align="left" style="color:Tomato">HTML заголовок слева</h3>
|
<h2 align="center" style="color:Black">HTML заголовок по центру</h2>
|
<h1 align="right" style="color:Gray">HTML заголовок справа</h1>
|
Атрибуты и значения
- align="" – определяет выравнивание.
- align="left" – выравнивание по левой стороне.
- align="right" – по правой стороне.
- align="center" – определяет центрирование.
- style="color:" – определяет цвет текста.
Элементы style="" есть линейные CSS
включения.
