Урок 12 · HTML

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

Знак меньше браузер принимает за начало тега. Поэтому часть символов в тексте записывают особо.

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

Списки и текст уже на странице. Осталось, чтобы код в тексте и кавычки не ломали разметку.

Как сделать

Меньше — < больше — > амперсанд — &. Неразрывный пробел   не даёт инициалам и числам с единицами разорваться на две строки. Длинное тире и кавычки-ёлочки можно писать прямо символами, если файл в UTF-8. В коде примера на странице теги показывай через < и >, иначе браузер попытается их выполнить.

<p>Тег &lt;p&gt; начинает абзац.</p>
<p>Курс занимает 2&nbsp;часа.</p>

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

• Знак < в тексте виден, а не проглатывает остаток страницы.
• Файл сохранён в UTF-8, русские кавычки на месте.
• Число и единица измерения не разъехались.