Веб-страница — это текст

Добро пожаловать на путь «Веб-разработка»! Здесь вы научитесь создавать сайты, выкладывать их в интернет и делать так, чтобы они что-то умели. Для этого первого урока никакие знания не нужны: в пяти коротких упражнениях вы заглянете за кулисы веба, и в каждом из них поменяете на странице что-нибудь небольшое.

Начнём с главного секрета: любая веб-страница — это текстовый файл. В редакторе лежит один такой файл, совсем маленькая страница index.html. Её текст написан на HTML — языке, который говорит, что есть на странице. Слова в угловых скобках, например <h1>, называются тегами. На странице вы их не увидите. Они сообщают браузеру, чем является каждая часть текста:

<h1>Привет, мир!</h1>
<p>Этот абзац ждёт вашего текста.</p>

h1 — главный заголовок (h от heading, «заголовок»), а p — абзац (от paragraph). Каждая часть начинается с открывающего тега, например <h1>, и заканчивается закрывающим тегом со слешем, </h1>. Остальные строки в редакторе — это информация для браузера, например название страницы на вкладке. Всё, что вы видите на странице, находится между <body> и </body>.

Браузер — например, Chrome, Safari, Firefox или Edge — это программа, которая читает такой файл и рисует по нему страницу: заголовок крупным жирным шрифтом, абзац обычным текстом. Окно предпросмотра делает то же самое: когда вы нажимаете «Запустить», оно заново читает файл и показывает страницу.

Кстати, «Привет, мир!» — это традиция: именно эту фразу большинство программистов впервые заставляют сказать компьютер. Теперь ваша очередь: пусть страница скажет что-нибудь своё.