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!
Добавить комментарий