Урок 31 · HTML

Как показать тег, чтобы браузер его не выполнил

Если написать тег как есть, браузер сделает из него элемент. Для урока тег нужно показать текстом.

Почему это следующий шаг

Пометки для скрипта стоят на месте. Этот урок закрывает HTML-часть: ты умеешь и собрать страницу, и показать её устройство.

Как сделать

Оберни пример в pre и code. Знаки < и > запиши как &lt; и &gt;. pre сохранит переносы строк. Так пример останется картинкой кода, а не настоящей кнопкой или списком. Дальше страница готова к оформлению: следующий урок уже про селекторы CSS.

<pre><code>&lt;button type="button"&gt;Добавить&lt;/button&gt;</code></pre>

Что проверить

• В примере виден текст тега.
• Браузер не создал из примера настоящую кнопку.
• Переносы строк примера сохранились.