В данной статье речь пойдет о том, что такое язык разметки, из чего он состоит, как освоить HTML и какие ресурсы стоит использовать для изучения.
HTML (Hyper Text Markup Language) - это язык разметки гипертекста. Он предназначен для создания структуры веб-страницы.
Типичный HTML документ состоит из “заголовка” и “тела”.
В заголовке находятся различные мета теги, название документа, импортируются стили и некоторые скрипты.
Важно знать! Так как файл читается сверху вниз, то и строки кода выполняются сверху вниз. Поэтому скрипты лучше импортировать в конце документа - чтобы страница загружалась и не ждала, пока загрузятся все необходимые скрипты. Также можно использовать варианты асинхронной загрузки скриптов.
В тело помещаются теги для создания структуры сайта и импортируются JS скрипты.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Заголовок</title>
<link rel="stylesheet" href="путь/до/файла/style_name.css" />
</head>
<body>
<div>
<h1>Привет!</h1>
<p>
Параграф
</p>
</div>
<script src="путь/до/файла/script_name.js"></script>
</body>
</html>
Вёрстка - это создание веб-страницы с использованием HTML и CSS (возможно дополнительное применение JS).
Главное в изучении HTML - это освоить основные теги, понять как их применять, как они зависят друг от друга и затем практиковаться пока процесс не станет лёгким и понятным.