Структура HTML документа

Всем салют. нашлось немного времени , что бы поделить своими познаниями с вами.
Я не буду писать громадную статью , о том что такое структура HTML документа. Постараюсь излагать кратко и ясно.
Структура это определённая взаимосвязь между какими либо объектами, или другими словами строение, каркас .
Так же как и тело человека состоит из каркаса-скелета , то и любой язык состоит так же из определённого каркаса.
Ниже на картинке представлен основной каркас HTML документа (веб странички).
Структура HTML документаТеперь перейдём непосредственно к коду:

<code><!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 документа

Ну вот вроде всё . Сейчас мы рассмотрели простейшую веб страницу, точнее её каркас. Надеюсь статья была полезной, если да палец вверх.

Код:
Код скопирован!
		<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Структура HTML  документа</title>
</head>
<body>
<h1>Мой первый заголовок</h1>
<p>Первый параграф</p>
<p>Второй абзац</p>
</body>
</html>
		
15:39
89
RSS
Нет комментариев. Ваш будет первым!
Загрузка...