Топ-100Что такое HTML и зачем он нужен - CodOrbits
LogoCodOrbits

Раздел: HTML

Изучите основы HTML для создания простых веб-страниц и понимания структуры клиентской части веб-приложений.

Все разделы
Иконка HTML

Что такое 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

Additional Material Icon
Divider

Интерактивный тренажёр по HTML

Additional Material Icon
Divider

Валидатор разметки от W3C

Additional Material Icon

Следующие уроки

Ключевые теги HTML

13
мин.

Similar Articles Icon
Divider

Атрибуты в HTML

12
мин.

Similar Articles Icon
Divider

Базовые концепции CSS

15
мин.

Similar Articles Icon