Что такое HTML и зачем он нужен
Last updated: 9 мая 2025 г.HTML
– это язык разметки веб-страницы.
С помощью html мы задаем странице определенный каркас.
То есть этот язык определяет в каком порядке будут идти друг за другом элементы на странице типа картинок, таблиц, текста и другое. Но точнее будет сказать он не только определяет порядок, но и размещает эти элементы на странице в определенном программистом порядке.
Все элементы размещаются на странице с помощью специальных тегов.
Все теги пишутся в файле с расширением html
.
Например, тег p
размещает на странице текст с нового абзаца. Если мы напишем
<p>Какой-то текст в теге р.</p>
в html файле и откроем его в браузере, то увидим в браузере на странице текст “Какой-то текст в теге р.”
Тегов в html много. Перейдем к изучению базовых.
В html коде комментарии указываются вот так: <!-- Коммента
рий -->
. Типа комментария /* Комментарий */
в Java.
В html есть три специальных базовых тега. Приведем пример страницы с этими тегами.
1<!-- Тег <html></html> (который на самом деле не обязателен).
2 В нем находятся все остальные html теги. Но его очень
3 желательно писать так как это считается правилом
4 хорошего стиля.-->
5<html>
6 <!--Тег <head></head> в котором находятся все теги, которые
7 не видны пользователю на странице, например тег
8 <title></title>. В нем указывается то что будет написано
9 на вкладке страницы в браузере. Также указываются пути к
10 другим файлам, которые будут использоваться на html странице
11 типа css файлов или javascript скриптов. Позже разберем.-->
12 <head>
13 </head>
14 <!--Тег <body></body> в котором пишутся все теги, которые
15 видны пользователю на странице. -->
16 <body>
17 <!--Тига тега р для отображения текста с нового абзаца -->
18 <p>Какой-то текст в теге р.</p>
19 </body>
20</html>
Протестируем написанный код.
Давайте откроем только что написанную страницу База.html в браузере. Обычно это делается вот так: нажимаем правой кнопкой мыши по файлу и выбираем каким браузером открывать страницу.

Видим на странице в браузере содержимое тега p
.

Дополнительные материалы
Справочник HTML-тегов от MDN
Интерактивный тренажёр по HTML
Валидатор разметки от W3C
Следующие уроки
Ключевые теги HTML
13
мин.
Атрибуты в HTML
12
мин.
Базовые концепции CSS
15
мин.