HTML (HyperText Markup Language) является основным языком разметки для создания веб-страниц. В этой статье мы рассмотрим, как создать базовую структуру HTML-документа. Для этого понадобится текстовый редактор и браузер для просмотра результата.
Структура HTML-документа
Базовая структура HTML-документа состоит из следующих элементов:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Заголовок документа</title> </head> <body> <!-- Содержимое страницы --> </body> </html>
Разберем каждый элемент по порядку:
<!DOCTYPE html>
— объявление типа документа, указывает браузеру на использование последней версии HTML (HTML5).<html>
— корневой элемент, внутри которого находятся все остальные элементы.<head>
— содержит мета-информацию о документе, такую как кодировка, заголовок страницы и стили.<meta charset="UTF-8">
— указывает кодировку документа.<title>
— задает заголовок документа, который отображается во вкладке браузера.<body>
— содержит все видимые элементы страницы, такие как текст, изображения и ссылки.
Пример
Создадим простой HTML-документ с заголовком и абзацем текста:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Пример базовой структуры HTML</title> </head> <body> <h1>Заголовок страницы</h1> <p>Это пример абзаца текста в HTML-документе.</p> </body> </html>
Здесь мы использовали следующие новые элементы:
<h1>
— заголовок первого уровня.<p>
— абзац текста.
Сохраните этот код в файл с расширением .html
и откройте его в браузере. Вы увидите страницу с заголовком и текстом.
😉 Теперь вы знаете, как создать базовую структуру HTML-документа. Это основа для дальнейшего изучения веб-разработки. Удачи вам в изучении HTML и других технологий, таких как CSS и JavaScript!
Добавить комментарий