Студия продвижения сайтов / Справочник HTML /

Основные теги в HTML

Заголовки: h1 - h6

Заголовки используются для структурирования текста и представляют различные уровни важности. Существует шесть уровней заголовков, от h1 до h6.

h1 — это самый важный заголовок, а h6 — наименее важный.

Пример:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Пример заголовков</title>
</head>
<body>
    <h1>Это заголовок первого уровня</h1>
    <h2>Это заголовок второго уровня</h2>
    <h3>Это заголовок третьего уровня</h3>
    <h4>Это заголовок четвертого уровня</h4>
    <h5>Это заголовок пятого уровня</h5>
    <h6>Это заголовок шестого уровня</h6>
</body>
</html>

Параграфы

Тег p используется для определения абзацев текста. Каждый параграф обычно начинается с новой строки и имеет отступ сверху и снизу.

Пример:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Пример параграфов</title>
</head>
<body>
    <p>Это первый абзац текста. Параграфы создаются с помощью тега p </p>
    <p>Это второй абзац текста. Между параграфами автоматически добавляется пространство.</p>
</body>
</html>

Ссылки

Тег a используется для создания гиперссылок. Атрибут href указывает на URL, на который ведет ссылка.

Пример:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Пример ссылок</title>
</head>
<body>
    <a href="https://www.example.com">Перейти на Example.com</a>
    <a href="mailto:example@example.com">Отправить письмо</a>
</body>
</html>

Изображения

Тег img используется для вставки изображений. Атрибут src указывает на источник изображения, а атрибут alt задает альтернативный текст, который отображается, если изображение не удается загрузить.

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Пример изображений</title>
</head>
<body>
    <img src="image.jpg" alt="Описание изображения" width="300">
    <p>Изображение с альтернативным текстом и установленной шириной.</p>
</body>
</html>

Списки ul, ol, li

Списки позволяют организовать информацию. Существует два типа списков: неупорядоченные ul и упорядоченные ol. Каждый элемент списка обозначается тегом li.

Пример, неупорядоченный список:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Пример неупорядоченного списка</title>
</head>
<body>
    <ul>
        <li>Элемент 1</li>
        <li>Элемент 2</li>
        <li>Элемент 3</li>
    </ul>
</body>
</html>

Пример, упорядоченный список:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Пример упорядоченного списка</title>
</head>
<body>
    <ol>
        <li>Первый элемент</li>
        <li>Второй элемент</li>
        <li>Третий элемент</li>
    </ol>
</body>
</html>