Текст в HTML
Большая часть веб-страниц содержит текстовую информацию: - статьи - новости - описания товаров - инструкции - комментарии
Для работы с текстом в HTML используются специальные теги.
Заголовки
Заголовки используются для обозначения разделов страницы.
HTML поддерживает 6 уровней заголовков.
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>
Особенности:
- <h1> — самый крупный заголовок
- <h6> — самый маленький
Пример
<h1>Мой сайт</h1>
<h2>Новости</h2>
<h3>Сегодня</h3>
Заголовки помогают: - структурировать страницу - улучшить читаемость - улучшить поиск сайта в интернете
Абзацы
Для создания абзацев используется тег:
<p>
Пример:
<p>Это первый абзац текста.</p>
<p>Это второй абзац текста.</p>
Каждый тег <p> создаёт новый абзац.
Перенос строки
Иногда требуется просто перенести строку.
Для этого используется тег:
<br>
Пример:
<p>
Первая строка<br>
Вторая строка<br>
Третья строка
</p>
Горизонтальная линия
Для разделения текста используется тег:
<hr>
Пример:
<p>Первый раздел</p>
<hr>
<p>Второй раздел</p>
Этот тег создаёт горизонтальную линию.
Выделение текста
Для выделения текста используются специальные теги.
Жирный текст
<strong>Важный текст</strong>
Пример:
<p>Это <strong>очень важная информация</strong>.</p>
Курсив
<em>Текст курсивом</em>
Пример:
<p>Это <em>курсивный текст</em>.</p>
Пример текстовой страницы
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
</head>
<body>
<h1>Добро пожаловать</h1>
<p>Это моя первая страница.</p>
<h2>О сайте</h2>
<p>На этом сайте размещена информация обо мне.</p>
<hr>
<p>Спасибо за посещение!</p>
</body>
</html>
Рекомендации при работе с текстом
При создании текстовых страниц рекомендуется: - использовать заголовки для структуры; - разбивать текст на абзацы; - использовать выделение для важных частей; - избегать слишком длинных абзацев.
Это делает страницу более удобной для чтения.