Работа с текстом, его форматирование с помощью языка HTML , по приданию ему читабильного вида очень важна для успешной работы сайта. Продолжим изучение языка HTML.
Давайте озаглавим нашу страницу:
<html>
<head>
<title>Первая веб-страница</title>
</head>
<body>
<h1>Главная страница мини-сайта</h1>
Эту интернет страничку я сделал своими руками<br> И было совсем не сложно
</body>
</html>
Как Вы видите в коде страницы, для наглядности, всё новое выделено оранжевым цветом, также будет и далее.
Заголовок помещён внутри тегов <h1>, цифра один показывает уровень заголовка, всего таких уровней шесть, с ростом числа размер заголовка уменьшается. Пример данной зависимости можно видеть на скриншоте:
Текст на веб-странице может быть: жирный, курсив, подчёркнутый, зачёркнутый, подстрочный и т д. Рассмотрим теги, которые за это отвечают:
- для написания текста жирным применяют два тега: <strong> и <b>
- для написания текста курсивом используют теги: <i> и <em>
- для подчёркивания идёт тег <u>
- зачёркивает текст тег <s>
- подстрочный(нижний индекс) определяет тег <sub>
- надстрочный(верхний индекс) — <sup>
Запишем всё это на языке HTML:
<html>
<head>
<title></title>
</head>
<body>
<strong>Жирный текст с тегом strong</strong><br>
<b>Жирный текст с тегом b</b><br>
<i>Курсивный текст с тегом i</i><br>
<em>Курсивный текст с тегом em</em><br>
<u>Подчёркнутый текст</u><br>
<s>Зачёркнутый текст</s><br>
<p>текст в<sub>нижнем</sub>индексе</p>
<p>текст в<sup>верхнем</sup>индексе</p>
</body>
</html>
О других тегах форматирования текста Вы можете узнать в учебниках по HTML, которых в сети очень много, я показываю только самые часто применимые(хотя, изучив CSS, многое из тегов и их атрибутов Вы отбросите). Так выглядят эти примеры в браузере:
Потренируйтесь в добавлении новых тегов в код произвольной страницы, сделав предварительно шаблон простейшей веб- страницы по примеру ниже:
<html>
<head>
</head>
<body>
</body>
</html>
Как Вы видимо заметили, ничего не было сказано о теге <p>. Этот тег обозначает абзац, и мы изучим его в следующем уроке.