Статья: Язык разметки гипертекста
Однажды, в студеную зимнюю пору
Сижу за решеткой, в темнице сырой.
Гляжу, поднимается медленно в гору
Вскормленный в неволе орел молодой.
И шествуя важно, в спокойствии чинном,
Мой верный товарищ, махая крылом,
В больших сапогах, в полушубке овчинном,
Кровавую пищу клюет под окном!
<конец тела документа>
<конец документа хтмл>
Если скопировать содержимое примера в отдельный файл, назвать этот фал "как_нибудь.htm" и открыть этот файл в броузере, вы увидите ваш стишок, записанный в одну строку. Дело в том, что хтмл не воспринимает символ перевода каретки на новую строку. Кроме того, он не воспринимает более одного пробела, поэтому не важно, сколько пробелов между словами было в исходном тексте - на экране броузера останется только один. О том, что нужно делать, когда нужно больше пробелов, будет сказано ниже.
Чтобы разбить текст на строки, нужно в конце каждой строки поставить тэг <br> (о нём мы уже вскользь упоминали). Вот так:
<html>
<head>
<title>Стишок</title>
</head>
<body>
Однажды, в студеную зимнюю пору<br>
Сижу за решеткой, в темнице сырой.<br>
Гляжу, поднимается медленно в гору<br>
Вскормленный в неволе орел молодой.<br>
И шествуя важно, в спокойствии чинном,<br>
Мой верный товарищ, махая крылом,<br>
В больших сапогах, в полушубке овчинном,<br>
Кровавую пищу клюет под окном!
</body>
</html>
Теперь ваш стишок выглядит уже более привычно для глаза.
Попробуем усложнить задачу. Заствим вывести текст белым шрифтом на черном фоне. Задать цвет шрифта можно несколькими способами: первый, который мы рассмотрим вначале, сделает белым весь текст на страничке (если для отдельного блока текста не указано иного - этот случай рассмотрим вторым). Есть ещё один способ - использовать css, но об этом позже.