Что такое HTML?

HTML — это специальный язык для создания веб-страниц. «Язык» значит «набор правил».

Вся идея сводится к двум условиям:

  1. Мы пишем код в соответствии с заранее оговоренными правилами.
  2. Веб-браузер (например, Google Chrome или Microsoft Edge) превращает такой код в страницы для людей.

Всё, что вы видите сейчас на этой странице — это HTML, преобразованный в визуальный, человеческий вид вашим браузером. Ваш браузер «попросил» у нашего сервера данные в формате HTML, наш сервер отправил его браузеру, после чего браузер прочитал все строчки в этом файле и, используя правила HTML, нарисовал на экране текст, картинки, цвета, кнопки и так далее.

Вы можете заглянуть «под капот» и увидеть HTML-код любой страницы: нажмите правой кнопкой в любое место на странице и выберите Просмотр кода страницы (или «Просмотреть исходный код», "View Page Source" или что-то похожее, в зависимости от типа браузера и языка системы).

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

Попробуйте открыть исходный код текущей страницы и с помощью Ctrl+U (Cmd+Option+U на Маке) найти слово «Секрет». Это скрытый элемент — частичка HTML, которая не видна визуально, но присутствует в коде.

Секрет: Отлично! Вы нашли скрытый элемент :) Держите вкусняшку 🍰

Взглянем на живой пример. Слева — HTML-код, а справа то, как он преобразован браузером в вид для людей:

See the Pen HTML First steps by Hexlet (@hexlet) on CodePen.

А теперь измените HTML-код в левой панели таким образом, чтобы:

  1. Вместо «на Хекслет» было «в Википедию».
  2. Вместо ссылки на https://ru.hexlet.io была ссылка на https://www.wikipedia.org

И кликните на новую ссылку. В правой панели должна открыться Википедия.

Мы учим программированию с нуля до стажировки и работы. Попробуйте наш бесплатный курс «Введение в программирование» или полные программы обучения по Node, PHP, Python и Java.

Хекслет

Подробнее о том, почему наше обучение работает →