Средства HTML для оформления текста - парные теги <strong> и <em>, которые выделяют свое содержимое полу-жирным и курсивным шрифтом соответственно.
Однако на самом деле теги <strong> и <em> — это нечто большее, чем просто выделение текста. Они дают фрагменту текста, являющемуся их содержимым, особое значение с точки зрения Web-обозревателя.
Теги <strong> и <em> еще говорят, что данный фрагмент текста является важным, и на него следует обратить внимание посетителя. Тег <strong> делает фрагмент текста жирным шрифтом, а тег <em> — делает фрагмент текста курсивом.
Листинг 3.1
<p><strong> Текст внутри выделяется жирным шрифтом.</strong></p>
<p><em> Текст внутри становится наклонным - курсивом.</em></p>
HTML предусматривает для выделения текста довольно много тегов (табл. 3.1), имеющих две особенности:
Все они парные и служат для выделения частей текста блочных элементов (абзацев, заголовков, пунктов списков, текста фиксированного форматирования.
Как уже говорилось ранее, все эти теги служат для выделения фрагментов текста, являющихся частью блочных элементов, скажем, абзацев (листинг 3.2). Элементы Web-страницы, которые они создают, не являются независимыми и не отображаются отдельно от их "соседей", а принадлежат другим элементам — блочным. Такие элементы Web-страницы называются встроенными.
Листинг 3.2
<p>Теги HTML служат для создания элементов Web-страниц. <strong>Соблюдайте порядок действия тегов</strong></p>
<p>Тег <code>p</code> служит для создания <dfn>абзаца</dfn> HTML.</p>
<p>Язык <abbr>HTML</abbr>служит для создания <ins>содержимого<ins>Web-страниц.</p>
<p>Наберите в Web-обозревателе интернет адрес:<kbd>http://samouchka-html.ucoz.ru/ </kbd></p>
Разрыв строк
Мы совсем забыли поместить на Web-страницы сведения об авторских правах их разработчика, т. е. о нас. Поместим их в самый низ Web-страниц посредством тега <address>:
Пример:
<address> Все права защищены. Читатели, 2010 год.</address>
Все хорошо, за одним исключением. Обычно предупреждение о том, что авторские права защищены, и имя или название разработчика разносят на разные строки. Но как нам это сделать?
Можно, конечно, использовать два тега <address>: один — для предупреждения, а другой — для имени разработчика. Но тогда строки будут разделены довольно большим расстоянием. (Вспомним — тег <address> ведет себя как абзац, т. е. отделяется от соседних абзацев отступом.) А это будет выглядеть некрасиво.
Выход — добавить разрыв строк HTML. Он выполняет безусловный перевод строки, в которой он присутствует, в том месте, где проставлен. Разрыв строки определяется одиночным тегом:
Пример:
<р>Этот абзац будет разорван на две строки в этом<br>месте.</р>
Разрыв строки также относится к встроенным элементам Web-страницы.
Давайте вставим разрыв строки в текст сведения об авторских правах, между точкой в первом предложении и началом второго предложения. Пробел между ними можно убрать — он там совершенно не нужен:
Пример:
<address>Все права защищены.<br>Читатели, 2010 год.</address>
Результат:
Все права защищены. Читатели, 2010 год.
Откроем исправленную Web-страницу в Web-обозревателе и посмотрим на результат. Видно, что текст сведений об авторских правах разделен на строки в том самом месте, куда мы вставили тег <br>. Разрыв строк следует применять экономно, только в тех случаях, когда нужно раз-делить один абзац на несколько логически связанных частей. Ранее неопытные Web-дизайнеры с его помощью нередко разбивали текст на абзацы, но сейчас это дурной тон Web-дизайна.
