Форматирование текста
<br> - этот тег используется, если необходимо перейти на новую строку, не прерывая абзаца. Удобен при публикации стихов (см. Пример 3).
<html>
<head>
<title>Пример 3</title>
</head>
<body>
<h1> "Вредные советы"</h1>
<h2> Григорий Остер </h2>
<p> Главным делом жизни вашей<br>
Может стать любой пустяк.<br>
Надо только твердо верить,<br>
Что важнее дела нет.</p >
<p> И тогда не помешает<br>
Вам ни холод, ни жара,<br>
Задыхаясь от восторга,<br>
Заниматься чепухой.</p>
</body> </html>
<hr> - тег, который описывает вот такую горизонтальную линию:
Тег <hr> может дополнительно включать разные атрибуты, например:
<hr align=right> (center или left)
<hr width=50%> - ширина линии в процентах/пикселях
<hr size=8> - толщина линии
<hr Noshade> - отмена объемности
Вышеприведенные атрибуты могут употребляться одновременно.
В примере приведена небольшая коллекция горизонтальных линий.
<html>
<head>
<title>Пример 4</title>
|
|
</head>
<body>
<h1>Коллекция горизонтальных линий</h1>
<hr size=2 width=100%><br>
<hr size=4 width=50%><br>
<hr size=8 width=25%><br>
<hr size=16 width=12%><br>
</body>
</html>
&-последовательности
Поскольку символы < и > воспринимаются браузерами как начало и конец тегов, возникает вопрос: а как показать эти символы на экране? В HTML это делается с помощью &-последовательностей. Браузер показывает на экране символ <, когда встречает в тексте последовательность < (по первым буквам английских слов less than — меньше, чем). Знак > кодируется последовательностью > (по первым буквам английских слов greater than — больше, чем).
Символ & кодируется последовательностью &
Двойные кавычки (" ") кодируются последовательностью "
þ Помните: точка с запятой — обязательный элемент &-последовательности. Кроме того, все буквы, составляющие последовательность, должны быть в нижнем регистре (т.е., маленькие). Не допускается использование меток типа " или &.
Комментарии
Файл HTML может содержать комментарии, дающие пояснение человеку, читающему HTML код. Комментарии начинаются с четырехсимвольной последовательности <!-- и завершаются трехсимвольной последовательностью -->. Комментарии игнорируются браузером и не влияют на представление документа на экране.
Например: <--! этот текст является комментарием-->
Форматирование шрифта
HTML допускает два подхода к шрифтовому выделению фрагментов текста. С одной стороны, можно прямо указать, что шрифт на некотором участке текста должен быть жирным или наклонным, то есть изменить физический стиль текста. С другой стороны, можно пометить некоторый фрагмент текста как имеющий некоторый отличный от нормального логический стиль, оставив интерпретацию этого стиля браузеру. Поясним это на примерах.
|
|
Физические стили
Под физическим стилем принято понимать прямое указание браузеру на модификацию текущего шрифта. К таким указывающим элементам, относятся следующие теги:
<b>... </b > полужирный текст;
<i >... </i > наклонный текст (курсив);
<tt>... </tt> телетайпный текст (пишущая машинка);
<u >... </u> подчеркивание;
Логические стили
При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же теги логических стилей по-разному. Некоторые браузеры игнорируют отдельные теги вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.
<em>...</em> - курсивное начертание (от английского emphasis — акцент);
<strong>...</strong> - полужирное начертание (от английского strong emphasis — сильный акцент)
<cite>... </cite> - цитированный текст
<sup>...</sup> - верхний индекс
<sub>...</sub> - нижний индекс
<big>...</big> - увеличить размер шрифта
<small>...</small> - уменьшить размер шрифта
Подытожим наши знания о логических и физических стилях с помощью примера.
<html>
<head>
<title>Пример 5</title>
</head>
<body>
<h1>Шрифтовое выделение фрагментов текста</h1>
<p>Теперь мы знаем, что фрагменты текста можно выделять
<b>жирным</b> или <i>наклонным</i> шрифтом. Кроме того, можно