Основы HTML: Структура страницы, теги, атрибуты

1. Структура страницы HTML

HTML-документ имеет четкую структуру, которая обычно включает следующие основные части:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Название страницы</title>
</head>
<body>
    <h1>Заголовок</h1>
    <p>Это пример параграфа текста.</p>
</body>
</html>

<!DOCTYPE html>: Декларация, указывающая на тип документа и версию HTML (HTML5 в данном случае).
<html>: Корневой элемент, содержащий весь HTML-код.
<head>: Секция для метаданных, таких как кодировка, заголовок страницы, ссылки на стили и скрипты.
<body>: Основное содержимое страницы, которое отображается в браузере.

2. Теги

Теги являются строительными блоками HTML. Они обозначаются угловыми скобками < > и обычно идут парами: открывающий и закрывающий тег.

Структурные теги:
- <html>: Корневой элемент.
- <head>: Заголовочная часть, содержащая метаданные.
- <body>: Тело документа, содержащее основное содержимое.
Теги заголовков:
- <h1> до <h6>: Заголовки разного уровня, где <h1> - самый крупный, а <h6> - самый мелкий.
Теги текста:
- <p>: Параграф.
- <a>: Гиперссылка.
- <strong> и <b>: Выделение текста жирным шрифтом.
- <em> и <i>: Выделение текста курсивом.
Теги списков:
- <ul>: Нумерованный список.
- <ol>: Маркированный список.
- <li>: Элемент списка.
Мультимедиа теги:
- <img>: Изображение.
- <video>: Видео.
- <audio>: Аудио.
Теги для форм:
- <form>: Форма.
- <input>: Поле ввода.
- <button>: Кнопка.
- <label>: Метка для элемента формы.

3. Атрибуты

Атрибуты предоставляют дополнительную информацию о теге. Они всегда пишутся в открывающем теге и имеют формат имя="значение".

id: Уникальный идентификатор элемента.
```
<h1 id="main-title">Главный заголовок</h1>
```
class: Класс элемента, используется для стилизации.
```
<p class="intro">Это вводный текст.</p>
```
src: Источник файла, например, для изображений.
```
<img src="image.jpg" alt="Описание изображения">
```