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> |