Как мы уже отмечали ранее, теги заключаются в угловые скобки <>. В закрывающем теге также используется косая черта (слеш) </>. Ниже приведем теги, которые используются чаще других.
- Теги <h1>-<h6> для заголовков
- Тег <p> для обозначения абзаца
- Тег <img/> для вставки изображений
- Тег <a> для вставки ссылок
Теги <h1> to <h6> используются для структурирования заголовков. В HTML используются 6 уровней HTML заголовков, от <h1> до <h6>. <h1> используется для обозначения самого важного, а <h6> наименее важного заголовков.
Теги <h1>-<h6> для заголовков
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок окна веб-страницы </title>
</head>
<body>
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвертого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</h6>
</body>
</html>Результат
Парный тег <p> используется для разграничения абзацев. Браузеры по умолчанию добавляют отступы до <p> и после </p>
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок окна веб-страницы </title>
</head>
<body>
<h1>Пример использования тега <br></h1>
<p> Внутри абзаца мы можем вставить тег <br />, <br /> чтобы перенести часть текста на другую строку в случае необходимости.</p>
</body>
</html>Результат
Для вставки HTML изображений используется одинарный тег <img/>.
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок окна веб-страницы </title>
</head>
<body>
<h1>Пример изображения</h1>
<img src="/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185"/>
</body>
</html>Результат
Для создания HTML ссылок используется тег <a> (также известный как анкор).
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок окна веб-страницы </title>
</head>
<body>
<a href="https://www.w3docs.com/">https://ru.w3docs.com</a>
</body>
</html>Результат
Практикуйте свои знания
Для чего используется тег <title> в HTML?
Правильный!
Неправильно!