Заголовки. Тег h1-h6
Заголовки. Тег h1-h6
Вы наверняка не раз печатали документы в текстовых редакторах, так вот.. что можно сделать с текстом в том же Word, то же можно сделать и с текстом на нашей страничке.
В этом уроке вы узнаете, как работать с заголовками, а в следующем с параграфом .
Заголовки
В наборе тегов html языка имеется шесть типов заголовков:
Думаю с этим понятно.. <hx> тег заголовка, где значение x является величиной буковок (может быть от одного до шести). Помните, что после использования того или иного заголовка происходит перенос строки - на то он и заголовок.
Заголовки дело хорошее и достаточно удобное, но ими можно выделять только маленькие кусочки текста, а что если нам надо выделить весь текст?
Знакомимся тег <font> в переводе на русский - "шрифт".
Тег <font> помимо прочих атрибутов, о которых ещё пойдет речь, имеет атрибут size - размер.
Пишется и выглядит это так:
<font size="+4">Привет мир!!!</font>
<font size="+2">Привет мир!!!</font>
<font size="+0">Привет мир!!!</font>
<font size="-1">Привет мир!!! </font>
<font size="-2">Привет мир!!!</font>
Добавим эти теги на нашу страницу.
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
<center>
<h2>Привет мир!!!</h2></center>
<br>
<p align="justify">
<font size="+1">Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю <font size="+2">вареньё!!!</font> С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!!
</font>
</p>
</body>
</html>
Попробуйте поэкспериментировать с размерами шрифта и заголовком, подставьте свои значения, измените расположение тегов..
Заключение
В заключении этого урока стоит отметить, что работа с заголовками и изменение размеров шрифта с использованием тегов HTML добавляет гибкость и стилевые возможности к текстовому контенту на веб-странице. Эти простые элементы позволяют создавать разнообразные и выразительные макеты.
Будьте первым