Урок 3. Тег < title> и форматирование текста
В этом уроке мы узнаем за что отвечает тег <title>, научимся создавать параграфы и познакомимся с элементами форматирования текста в языке HTML.
Тег <title>
Тег <title> необходим чтобы поместить заголовок страницы на вкладку браузера, для этого нужно добавить тег <title> в блок head. На странице может быть только один тег <title>.
<html> <head> <title>Название сайта</title> </head> <body> Моя первая HTML страница </body> </html>
Тег <title> является важным элементом и должен обязательно присутствовать в коде HTML страницы, поскольку он используется поисковыми системами как заголовок сайта в выдаче.
Элемент <p>
Чтобы создать отдельный параграф текста, нужно добавить открывающий и закрывающий тег <p>.
<html> <head> <title>Название сайта</title> </head> <body> <p>Параграф</p> <p>Еще один параграф</p> </body> </html>
Браузеры автоматически добавят отступ перед параграфом и после него.
Элементы форматирования.
В языке HTML используется множество элементов для определения стиля текста, элементы форматирования специально созданы для вывода различных стилей текста.
<html> <head> <title>Название сайта</title> </head> <body> <p>Параграф</p> <p>Еще один параграф</p> <p><strong>Важный текст</strong></p> <p><em>Текст выделенный курсивом</em></p> <p><big>Текст крупным шрифтом</big></p> <p><small>Текст мелким шрифтом</small></p> <p><b>Текст жирный шрифтом</b></p> <p><i>Текст курсивом</i></p> <p><sub>Подстрочный текст</sub></p> <p><sup>Надстрочный текст</sup></p> <p><ins>Подчеркнутый текст</ins></p> <p><del>Зачеркнутый текст</del></p> </body> </html>
Тег <strong> и <em> стоит использовать только для выделения более важного текста, поэтому старайтесь не злоупотреблять ими, хотя в браузере тег <strong> отображается как <b>, а <em> как <i> эти теги имеют совершенно разные значения.