1.2.5 HTML
HTML - стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.
Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img />
и <input />
, напрямую вводят контент на страницу. Другие теги, такие как <p>
, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают 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
, хотя мы их не прописывали в файле.
Из вариантов исправления: это не закрытые html теги, кавычки, разный регистр у html тегов, пробелы, табуляция. Более подробно об этом написано на ресурсе: html5rocks.com