1. Оформление текста
Давайте продолжим изучение HTML...
Параграфы (p)
Тег <p> используется для создания параграфов (абзацев) текста. Параграфы помогают разбить текст на логические блоки, улучшая читаемость и восприятие информации.
Пример:
<p>Это первый параграф текста. Он содержит некоторое количество информации.</p>
<p>Это второй параграф текста. Он отделен от первого параграфа.</p>
Жирный текст (b)
Тег <b> используется для выделения текста полужирным (bold) шрифтом. Это позволяет подчеркнуть важность определенных слов или фраз.
<p>Это <b>важный</b> текст.</p>
Курсивный текст (i)
Тег <i> используется для выделения текста курсивом (наклонным шрифтом, italic). Он часто применяется для обозначения терминов, названий книг, иностранных слов и т. д.
Пример:
<p>Это <i>термин</i>, который выделен курсивом.</p>
2. Заголовки (h1 - h6)
Заголовки в HTML используются для структурирования контента и создания иерархии заголовков на странице. Существует шесть уровней заголовков, где <h1> является самым важным, а <h6> — наименее важным.
-
<h1>— Самый важный и крупный заголовок. Обычно используется для главного заголовка страницы. -
<h2>— Используется для подзаголовков, которые следуют за<h1>. -
<h3>— Уровень заголовка ниже<h2>. -
<h4>— Уровень заголовка ниже<h3>. -
<h5>— Уровень заголовка ниже<h4>. -
<h6>— Наименее важный и самый маленький заголовок.
Пример:
<h1>Главный заголовок страницы</h1>
<h2>Подзаголовок уровня 2</h2>
<h3>Подзаголовок уровня 3,</h3>
3. Дополнительные теги в head-документе
Есть теги, которые вы можете в будущем встретить в HTML-примерах, хочу пару слов сказать о них:
1. Тег <title>
Тег <title> задает название страницы, которое отображается на вкладке браузера. Это первое, что видит пользователь при открытии страницы. Почти всегда присутствует на всех страницах. По умолчанию добавляется HTML-редактором, но для учебных проектов особой ценности не представляет.
2. Тег <meta charset="UTF-8">
Тег <meta> внутри <head> задает кодировку символов для документа. UTF-8 — это наиболее распространенная кодировка, которая поддерживает большинство языков мира. О кодировках мы расскажем немного позднее.
3. Тег <meta name="viewport" content="width=device-width, initial-scale=1.0">
Этот тег также находится внутри <head>. Он обеспечивает правильное отображение страницы на мобильных устройствах. Задает ширину области просмотра (viewport) равной ширине экрана устройства и начальный масштаб страницы.
4. Тег <link rel="stylesheet" href="styles.css">
Тег <link/> подключает внешний CSS-файл для стилизации страницы. Атрибут rel="stylesheet" указывает, что это таблица стилей, а href="styles.css" задает путь к файлу стилей.
5. Тег <script src="script.js" defer></script>
Тег <script> подключает внешний JavaScript - файл для добавления интерактивности на страницу. Атрибут src указывает путь к файлу скрипта, а defer говорит браузеру, что скрипт должен быть выполнен после загрузки HTML - документа.
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ