Элемент | Назначение |
!DOCTYPE html | Объявление типа документа |
html | Корневой элемент страницы |
head | Служебная информация |
body | Видимое содержимое страницы |
- h1-h6 - заголовки разного уровня
- p - абзац текста
- a - гиперссылки
- img - изображения
- ul/ol - списки
- div - блочный контейнер
- Создайте файл с расширением .html
- Добавьте базовую структуру документа
- Вставьте содержимое в тег body
- Сохраните файл и откройте в браузере
Атрибут | Пример | Описание |
class | class="header" | Определяет класс для стилизации |
id | id="main" | Уникальный идентификатор |
src | src="image.jpg" | Путь к файлу |
- form - контейнер для формы
- input - поле ввода
- textarea - многострочный ввод
- select - выпадающий список
- button - кнопка
Тег | Назначение |
header | Шапка страницы или раздела |
nav | Навигационное меню |
article | Самостоятельный контент |
footer | Подвал страницы |
- Всегда закрывайте теги
- Используйте семантическую разметку
- Проверяйте валидность кода
- Разделяйте структуру (HTML) и оформление (CSS)
HTML - фундаментальная технология веб-разработки, которую необходимо освоить каждому, кто работает с созданием сайтов. Начиная с простых страниц и постепенно осваивая более сложные элементы, вы сможете создавать качественные и структурированные веб-документы. Практикуйтесь регулярно, чтобы закрепить полученные знания.