1.2.5 HTML

HTML (HyperText Markup Language)

HTML - стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.

Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img /> и <input />, напрямую вводят контент на страницу. Другие теги, такие как <p>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.

(из википедии)

Т.е html образует каркас веб страницы. В нем мы описываем объекты, которые будут находиться на нашей веб странице.

Структура HTML файла

Здесь мы пробежимся кратко, мы надеемся, что вы пришли сюда, уже с основами веб разработки.

Первой строкой принято обозначать версию HTML документа, если не указать, браузер будет использовать HTML5.

Далее тег html, который описывает начало и конец html кода.

Далее внутри тега html, 2 основных тега: head и body. В head заголовки, описывающие параметры веб страницы. В body заголовки, описывающие элементы на странице.

Пример HTML страницы :

<!doctype HTML>
<html>
 <head>
  <meta charset="UTF-8"/>
  <title>My simple page</title>
  <link rel="stylesheet" src="styles.css"/>
  <script src="myscript.js"></script>
</head>
<body>
  <h1 class="heading">My Page</h1>
  <p>A paragraph with a <a href="<https://example.com/about>">link</a></p>
  <div>
    <img src="myimage.jpg" alt="image description"/>
  </div>
  <script src="anotherscript.js"></script>
</body>
</html>

Из описания и пример кода, можно заметить, что html файл представляет собой древовидную структуру, где html теги (заголовки), вкладываются друг в друга. (head и body в html, meta в head и.т.д)

Исправление ошибок браузером

Язык HTML является очень простым, и в браузерах существует множество механизмов исправления ошибок, поэтому достаточно просто создать пустой файл с расширением .html чтобы его начал обрабатывать браузер.

Можете увидеть ниже, что в структуре элементов браузера, находится пустые теги html, head, body, хотя мы их не прописывали в файле.

c2ef6c36c2ff4c8fb3d283e0784d6fb1.png

Из вариантов исправления: это не закрытые html теги, кавычки, разный регистр у html тегов, пробелы, табуляция. Более подробно об этом написано на ресурсе: html5rocks.com