4. HTML-теги для форматирования текста

Содержание:
ЗАДАНИЕ. В процессе чтения выполнить все примеры в одном документе HTML.
Откройте документ в различных браузерах.

Здесь мы рассмотрим не самые популярные html-теги текста, но знать их все-таки желательно.

Тег abbr

Теги <abbr></abbr> указывают на то, что текст является аббревиатурой. По умолчанию текст подчеркивается пунктиром, а при наведении на него курсора мыши появляется всплывающая подсказка с расшифровкой аббревиатуры. Это достигается добавлением в тег параметра title, в качестве значения которого и выступает расшифровка.

Пример:

<abbr title="HyperText Markup Language">
HTML
</abbr>

В окне браузера это будет выглядеть так:

Недостаток - этот тег не поддерживается браузером Internet Explorer ниже 8 версии.

Тег acronym

Теги <acronym></acronym> ведут себя аналогично тегам <abbr></abbr> , но поддерживаются всеми браузерами. Кстати, акронимы - это устоявшиеся слова, состоящие из аббревиатур (США, СПИД).
Пример кода:

<acronym
title="Союз Советских Социалистических Республик">
СССР
</acronym>

Тег address

Теги <address></address> применяются для указания адреса. Отображается курсивом с новой строки.

Пример кода:
Пишите по адресу:
<address>
Ленинский пр., д.2
</address>

Тег code

Теги <code></code> используются при необходимости вывести на экран фрагмент программного кода.

Браузеры обычно отображают его как моноширинный текст уменьшенного размера.

Пример кода:
Код программы:
<code>
function addColumn(){
}
</code>

Теги del, strike, s

Теги <del></del> делают текст перечеркнутым. Аналогично ведут себя теги <strike></strike> и теги <s></s> , но они не рекомендуются к использованию спецификацией HTML 4.0.

Пример кода:

<del>
Этот текст в тегах del
</del><br>

<strike>
Этот текст в тегах strike
</strike><br>

<s>
Этот текст в тегах s
</s>

В окне браузера это будет выглядеть так:

Тег q

Теги <q></q> выделяют короткие цитаты. Все браузеры, кроме Internet Explorer, отображают их в кавычках.

Пример кода:

Линкольн любил говорить:
<q>Не достигает цели тот, кто от нее отказывается.</q>

В окне браузера это будет выглядеть так:


Теги big и small

Теги <big></big> выводят текст большего размера, чем остальная часть текста. Теги <small></small> выводят текст меньшего размера, чем остальная часть текста.

Пример кода:

<big>
Этот текст в тегах big
</big><br>

Это просто текст<br>

<small>
Этот текст в тегах small
</small>

В окне браузера это будет выглядеть так:

Тег blink

Теги <blink></blink> отображают мигающий текст. Этот тег поддерживается только браузером Netscape, поэтому использовать его не рекомендуется. Кроме того, мигающий текст раздражает пользователей.

Пример кода:

<blink>
Этот текст будет мигать.
</blink>

Тег hr

Тег <hr> рисует горизонтальную линию, отделенную сверху и снизу пустыми строками. У этого тега есть следующие параметры:

align - выравнивает линию по центру (center), слева (left) или справа (right).

width - устанавливает длину линии в пикселах или в процентах от ширины окна.

size - устанавливает толщину линии в пикселах.

color - устанавливает цвет линии.

noshade - убирает рельефность линии.

Пример кода:

Линия без параметров
<hr>
Линия по центру
<hr align="center" color="red" size=2 width=50%>
Линия слева
<hr align="left" color="blue" size=3 width="150">

В окне браузера это будет выглядеть так:

Тег pre

Теги <pre></pre> используются тогда, когда необходимо отобразить текст так, как он набран. Вы, наверно, заметили, что сколько бы пробелов вы не сделали в коде, на экране всегда отображается только один. Остальные игнорируются, что не всегда удобно. Например, при отображении стихов хочется сохранить все отступы и пробелы. В этом случае и используются теги <pre></pre>

Пример кода:

<pre>
Как     набрали,
           так      и     отображается.
</pre>

В окне браузера это будет выглядеть так: