Основы синтаксиса HTML
Элементы, теги, атрибуты, пустые элементы, doctype и правильная вложенность.
Все уроки · Уроки HTML: учимся с нуля
Элемент, тег и атрибут
HTML размечает части страницы тегами. Элемент состоит из открывающего тега, содержимого и закрывающего тега: <p>Привет</p>. Тег сообщает браузеру: «этот текст — абзац».
Атрибут добавляет элементу сведения и записывается в открывающем теге как имя="значение". Некоторые элементы пустые и не имеют закрывающего тега: <img>, <br>, <hr>, <input>.
<p class="note" lang="en">Hello, <strong>world</strong>!</p> <img src="logo.png" alt="Company logo"> <a href="https://example.com" target="_blank">Open</a>
Каркас страницы
У каждого HTML-документа один и тот же каркас: doctype, html, head и body. В head — сведения о странице (заголовок, кодировка), в body — всё, что видит посетитель.
<!DOCTYPE html>
<html lang="az">
<head>
<meta charset="utf-8">
<title>İlk səhifəm</title>
</head>
<body>
<h1>Salam, dünya!</h1>
<p>Bu, mənim ilk səhifəmdir.</p>
</body>
</html>Правила записи
- Вкладывайте теги правильно: <p><em>…</em></p>, а не <p><em>…</p></em>.
- Значения атрибутов берите в кавычки.
- Имена тегов пишите строчными.
- В тексте < и & записывайте как < и &.
Комментарий пишется между <!-- ... --> и не отображается. Браузер сводит пробелы и переносы строк к одному пробелу, поэтому вместо груды <br> используйте отдельные абзацы.