1 added
1 removed
Original
2026-01-01
Modified
2026-02-26
1
<h3>Что такое HTML?</h3>
1
<h3>Что такое HTML?</h3>
2
-
<p>HTML ��� это специальный язык для создания веб-страниц. "Язык" значит "набор правил".</p>
2
+
<p>HTML - это специальный язык для создания веб-страниц. "Язык" значит "набор правил".</p>
3
<p>Вся идея сводится к двум условиям:</p>
3
<p>Вся идея сводится к двум условиям:</p>
4
<ol><li>Мы пишем код в соответствии с заранее оговорёнными правилами.</li>
4
<ol><li>Мы пишем код в соответствии с заранее оговорёнными правилами.</li>
5
<li>Веб-браузер (например, Google Chrome или Microsoft Edge) превращает такой код в страницу с визуальным оформлением</li>
5
<li>Веб-браузер (например, Google Chrome или Microsoft Edge) превращает такой код в страницу с визуальным оформлением</li>
6
</ol><p>Всё, что вы видите сейчас на этой странице - это HTML, преобразованный вашим браузером в визуальный вид. Ваш браузер "попросил" у нашего сервера данные в формате HTML, наш сервер отправил его браузеру, после чего браузер прочитал все строчки в этом файле и, используя правила HTML, нарисовал на экране текст, картинки, цвета, кнопки и так далее.</p>
6
</ol><p>Всё, что вы видите сейчас на этой странице - это HTML, преобразованный вашим браузером в визуальный вид. Ваш браузер "попросил" у нашего сервера данные в формате HTML, наш сервер отправил его браузеру, после чего браузер прочитал все строчки в этом файле и, используя правила HTML, нарисовал на экране текст, картинки, цвета, кнопки и так далее.</p>
7
<p>Вы можете заглянуть "под капот" и увидеть HTML-код любой страницы: нажмите правой кнопкой в любое место на странице и выберите<strong>Просмотр кода страницы</strong>(или "Просмотреть исходный код", "View Page Source" или что-то похожее, в зависимости от типа браузера и языка системы).</p>
7
<p>Вы можете заглянуть "под капот" и увидеть HTML-код любой страницы: нажмите правой кнопкой в любое место на странице и выберите<strong>Просмотр кода страницы</strong>(или "Просмотреть исходный код", "View Page Source" или что-то похожее, в зависимости от типа браузера и языка системы).</p>
8
<p>Вы увидите длинную простыню текста. Кроме чистого HTML внутри современных страниц может быть запрятано много другой информации, но нас пока волнует только HTML.</p>
8
<p>Вы увидите длинную простыню текста. Кроме чистого HTML внутри современных страниц может быть запрятано много другой информации, но нас пока волнует только HTML.</p>
9
<p>Попробуйте открыть исходный код текущей страницы и с помощью Ctrl+U (Cmd+Option+U на macOS) найти слово "Секрет". Это скрытый элемент - частичка HTML, которая не видна визуально, но присутствует в коде.</p>
9
<p>Попробуйте открыть исходный код текущей страницы и с помощью Ctrl+U (Cmd+Option+U на macOS) найти слово "Секрет". Это скрытый элемент - частичка HTML, которая не видна визуально, но присутствует в коде.</p>
10
<p>Взглянем на живой пример. Слева - HTML-код, а справа то, как он преобразован браузером:</p>
10
<p>Взглянем на живой пример. Слева - HTML-код, а справа то, как он преобразован браузером:</p>
11
<p><a>https://codepen.io/hexlet/pen/zEjbGM</a></p>
11
<p><a>https://codepen.io/hexlet/pen/zEjbGM</a></p>
12
<p>А теперь измените HTML-код в левой панели таким образом, чтобы:</p>
12
<p>А теперь измените HTML-код в левой панели таким образом, чтобы:</p>
13
<ol><li>Вместо "на Хекслет" было "<strong>в Википедию</strong>".</li>
13
<ol><li>Вместо "на Хекслет" было "<strong>в Википедию</strong>".</li>
14
<li>Вместо ссылки на<a>https://ru.hexlet.io</a>была ссылка на<strong><a>https://www.wikipedia.org</a></strong></li>
14
<li>Вместо ссылки на<a>https://ru.hexlet.io</a>была ссылка на<strong><a>https://www.wikipedia.org</a></strong></li>
15
</ol><p>И кликните на новую ссылку. В правой панели должна открыться Википедия.</p>
15
</ol><p>И кликните на новую ссылку. В правой панели должна открыться Википедия.</p>