Структура HTML документа
Всем салют. нашлось немного времени , что бы поделить своими познаниями с вами.
Я не буду писать громадную статью , о том что такое структура HTML документа. Постараюсь излагать кратко и ясно.
Структура это определённая взаимосвязь между какими либо объектами, или другими словами строение, каркас .
Так же как и тело человека состоит из каркаса-скелета , то и любой язык состоит так же из определённого каркаса.
Ниже на картинке представлен основной каркас HTML документа (веб странички).
Теперь перейдём непосредственно к коду:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Структура HTML документа</title>
</head>
<body>
<h1>Мой первый заголовок</h1>
<p>Первый параграф</p>
<p>Второй абзац</p>
</body>
</html>
- <!DOCTYPE html> - доктайп предназначен для указания типа текущего документа, так как будущее не за горами мы будем рассматривать только доктайп для HTML5. Традиционно доктайп пишется в верхнем регистре, а сам HTML код в нижнем.
- <html> - это открывающийся тег , определяет начало HTML документа, соответственно внутри него находится голова <head> и тело <body>
- <head> - Содержимое этого раздела не показывается напрямую в браузере за исключением <title>. Внутри головы могут находится следующие элементы: <base> ,<meta> ,<link> ,<script>, <style> ,<title>.
- <meta charset="utf-8"> - данный элемент является универсальным и добавляет целое семейство метатегов. С помощью метатегов можно изменять кодировку страницы, ключевые слова, описание страницы и многое другое.
- <title>Структура HTML документа</title> - Данный элемент определяет название веб страницы, которое отображается в браузере на текущей вкладке. Элемент <title> является обязательным, внутри тега можно использовать только текст и текстовые символы.
- </head> - Это закрывающийся тег , показывает , что голова документа завершена.
- <body> - Это тело документа , предназначено для размещения непосредственно видимых элементов страницы, заголовков, параграфов.
- <h1>Мой первый заголовок</h1>- Это заголовок статьи
- </body>- закрывающийся тег , показывает, что тело документа завершено
- </html>- это последний тег html документа
Ну вот вроде всё . Сейчас мы рассмотрели простейшую веб страницу, точнее её каркас. Надеюсь статья была полезной, если да палец вверх.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.