Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






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>





© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.