Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
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> |