Объекты. Форматирование текста

Списки

Форматирование текста

Текстовые блоки

• <H1> … </H1>, <H2> … </H2>, …,<H6> … </H6> — заголовки 1, 2, … 6 уровня. Используются для выделения частей текста (заголовок 1 — самый крупный, 6 — самый мелкий).
• <P> — новый абзац. Можно в конце абзаца поставить </P>, но это не обязательно.
• <BR> — новая строка. Этот тег не закрывается (то есть не существует тега </BR>)
• <HR> — горизонтальная линия
• <BLOCKQUOTE> … </BLOCKQUOTE> — цитата. Обычно текст сдвигается вправо.
• <PRE> … </PRE> — режим preview (preformatted text). В этом режиме текст заключается в рамку и никак не форматируется (то есть теги, кроме </PRE>, игнорируются, и переводы строки ставятся там, и только там, где они есть в оригинальном документе).
• <DIV> … </DIV> — блок (обычно используется для применения стилей CSS)
• <SPAN> … </SPAN> — строка (обычно используется для применения стилей CSS)

• <EM> … </EM> — логическое ударение (обычно отображается курсивным шрифтом)
• <STRONG> … </STRONG> — усиленное логическое ударение (обычно отображается жирным шрифтом)
• <I> … </I> — выделение текста курсивом
• <B> … </B> — выделение текста жирным шрифтом
• <U> … </U> — подчёркивание текста
• <S> … </S> (или <STRIKE> … </STRIKE>)— зачёркивание текста
• <BIG> … </BIG> — увеличение шрифта
• <SMALL> … </SMALL> — уменьшение шрифта
• <BLINK> … </BLINK> — мигающий текст. Внимание! Этот тег не работает в браузере Internet Explorer версий 5 и ниже без применения JavaScript
• <MARQUEE> … </MARQUEE> — сдвигающийся по экрану текст.
• <SUB> … </SUB> — подстрочный текст. Например, H<SUB>2</SUB>O создаст текст H₂O.
• <SUP> … </SUP> — надстрочный текст. Например, E=mc<SUP>2</SUP> создаст текст E=mc².
• <FONT параметры > … </FONT> — задание параметров шрифта. У этого тега есть следующие параметры:
• COLOR= color — задание цвета. Цвет может быть задан в шестнадцатеричной форме как #rrggbb (первые 2 шестнадцатеричные цифры задают красную компоненту, следующие 2 — зелёную, последние 2 — синюю) или названием.
• FACE= шрифт задание гарнитуры шрифта
• SIZE= размер задание размера шрифта. Размер от 1 до 7: стандартный по умолчанию 3. Есть много способов изменить стандартный размер.
• SIZE=+ изменение или SIZE=- изменение — изменение размера шрифта от стандартного. Например, +2 означает размер на 2 больше стандартного.

Так, например,

Сигналом к началу атаки являются

<U>три</U> <FONT SIZE="+2">больших</FONT> <FONT COLOR="green">зелёных</FONT> свистка.

создаст текст

Сигналом к началу атаки являются три больших зелёных свистка.

<UL>

<LI> первый элемент </LI>

<LI> второй элемент </LI>

<LI> третий элемент </LI>

</UL>

создаёт список

• первый элемент
• второй элемент
• третий элемент

Если вместо <UL> (Unordered List — ненумерованный список) поставить <OL> (Ordered List — нумерованный список), список получится нумерованным:

1. первый элемент
2. второй элемент
3. третий элемент

У этих тегов есть параметры:

type = "тип"

где тип — форма: в <UL> — символов

• square — квадрат
• round — окружность
• disk — круг: по умолчанию

а в <OL> — цифр или букв

• A или а (латинскими буквами) — буквенный список: соответственно заглавными или строчными буквами
• I или i — римские цифры: соответственно заглавными или строчными буквами
• 1 — арабские цифры: по умолчанию

пишется так:

<ol type="i">

<li> Первое </li>

<li> Второе </li>

<li> И т.д. </li>

</ol>

и создаст следующее:

i. Первое

ii. Второе

iii. И т. д.

Параметр start ="начало" (только для <OL>), определяющий начало нового отсчёта: например, если нужно не 1, 2, 3, а 24, 25, 26

Пишется так:

<ol start="24">

<li> Двадцать четыре </li>

<li> Двадцать пять </li>

<li> И т.д. </li>

и создаст следующее:

24. Двадцать четыре

25. Двадцать пять

26. И т. д.

и, наконец для тега <LI> параметр value ="следующий" — если необходимо перескочить с одной цифры на другую: например, не 1, 2, 3, 4, а 1, 2, 22, 23

<ol>

<li> Один </li>

<li> Два </li>

<li value="22"> Двадцать два </li>

<li> Двадцать три </li>

создаст следующее:

1. Один

2. Два

22. Двадцать два

23. Двадцать три

Наконец, третьим, и последним, списком является список определений:

<DL>

<DT> Кошка </DT> <DD> мяукающее домашнее животное </DD>

<DT> Кот </DT> <DD> муж кошки </DD>

<DT> Крокодил </DT> <DD> большой африканский зверь с острыми зубами </DD>

</DL>

создаст следующее:

Кошка

мяукающее домашнее животное

Кот

муж кошки

Крокодил

большой африканский зверь с острыми зубами

Между прочим, теги <LI>, <DT>, <DD> можно и не закрывать.

• EMBED — вставка различных объектов: не-HTML документов и media-файлов
• APPLET — вставка Java-апплетов
• SCRIPT — вставка скриптов.

Дата добавления: 2015-05-10