Оформление

Для придания документу выразительности, удобной для чтения, используются тэги форматирования текста. Эти тэги можно разбить на два класса:

Тэги физического форматирования:

<p>, <br>, <nobr>, <pre>, <center>, <b>, <i>, <s>, <u>, <big>, <small>, <sub>, <sup>, <tt>, <ins>, <del>, <basefont>, <font>, <bdo>, <strong>

Тэги

Назначения

Примеры

<p> Начало следующего абзаца (конец предыдущего абзаца).

Один абзац

Другой абзац 

<br> Переход на следующую строку. Конец строки
Новая строка 
<nobr>...</nobr>

Текст, который находится внутри этого контейнера, выводится на экран одной строкой. Для просмотра этого текста придется использовать горизонтальную строку прокрутки.

Пример в отдельном окне 
<pre>...</pre> Текст, который находится внутри этого контейнера, будет выведен в том виде, в каком он был введен автором. Текст программы:
For i=1 to n do
  For j=1 to m do
    M[i,j]:=randum()
  next;
next;
<center>...</center> Для центровки любого объекта заключенного внутри этого контейнера (атрибут align действует также).
Текст по центру
<b>...</b> Полужирное начертание текста внутри контейнера. Полужирное начертание 
<i>...</i> Начертание курсивом текста внутри контейнера. Начертание курсивом
<s>...</s> Зачеркнутое начертание текста внутри контейнера. Зачеркнутое начертание 
<u>...</u> Подчеркивает содержимое текста внутри контейнера. Подчеркивает содержимое текста 
<big>...</big> Увеличивает размер шрифта текста внутри контейнера. Вот так увеличен текст внутри контейнера 
<small>...</small> Уменьшает размер шрифта текста внутри контейнера. Уменьшает размер шрифта текста внутри контейнера 
<sub>...</sub> Начертание нижнего индекса для текста внутри контейнера. Элемент последовательности xn 
<sup>...</sup> Начертание верхнего индекса для текста внутри контейнера. Производная порядка n fn(x) 
<tt>...</tt> Придает вид текста, напечатанного на машинке, для текста внутри контейнера. Начальнику ЧК Ф.Э.Дзержинскому 
<ins>...</ins> Текст как вставленный (визуально текст внутри элемента выглядит подчеркнутым). Непонятно, в чем отличие от тэга <u>  
<del> Текст как удаленный и выглядит зачеркнуто. Что зачеркнуто, что удалено 
<basefont>

Базовые характеристики шрифта, следующего после тэга. Используется с атрибутами

  • size - размер шрифта от 1 до 7,
  • color - цвет шрифта,
  • face - тип шрифта.
Пример в отдельном окне
<font>...</font>

Текст внутри контейнера имеет характеристики, определяемыми атрибутами size, color, face, действующими также как у тэга <basefont>.

 
<bdo>...</bdo>

Начертание текста внутри контейнера зеркально отображается относительно вертикальной оси. Используется с атрибутами

  • dir - направление текста (значения:"rtl" - справа налево; "ltr" - слева направо);
  • title - всплывающая подсказка.
А роза упала на лапу Азора 
<strong>...</strong> Такое же действие как у тэга <b>. Полужирный шрифт и только. 

Тэги логического форматирования

EM и DFN, BLOCKQUOTE , Q , CITE , ADDRESS , CODE , VAR , SAMP , KBD , ABBR , ACRONYM

 

Тэги

Назначения

Примеры

<EM>...</EM>
<DFN>...</DFN>
Текст внутри контейнера выглядит, как выделенный курсивом.
Атрибуты: dir, lang, title
Текст внутри контейнера <EM>...</EM>
Текст внутри контейнера <dfn>...</dfn>
<BLOCKQUOTE> ...</BLOCKQUOTE> Форматирование текста, как цитаты. Визуально текст мало меняется, но делается небольшой отступ. Этот элемент имеет специфический атрибут cite . Этому элементу присущи атрибуты: dir , lang , title , style , class , id . Тим Бернерс-Ли:
Было время, когда люди считали, что Интернет – иной мир, но теперь они понимают, что Интернет – инструмент, который мы используем в этом мире
<Q >...</Q> В чем же его действие? (Задача) Цезарь сказал: Карфаген будет разрушен!
<CITE >...</CITE> Текст внутри контейнера выделяется курсивом Robert Cailliau:Смысл универсального информационного пространства сегодня - три буквы "W". Причем в оригинале - непременно зеленого цвета. Каждая буква и цифра имеет определенный цвет. "W" - только зеленая и никакая больше
<ADDRESS> ...</ADDRESS> Этот элемент подобен cite , но отличия этого элемента в содержании форматированного текста(?).
На деревню дедушке
<CODE>...</CODE> Текст внутри контейнера принимает специфическое начертание текста, выводимого на консоль или АЦПУ For i=1 to n do For j=1 to m do M[i,j]:=randum() next; next;
<SAMP>...</SAMP> Иллюстрация примеров вывода данных на дисплей. Пример вывода на экран монитора
<VAR>...</var>

Тэги выделения переменных программы.

For i=1 to n do For j=1 to m do M[i,j]:=randum() next; next;
<KBD>...</kbd> Выделение текста, который пользователь должен ввести с клавиатуры. В окне на экране введите слово GUEST
<ABBR>...</abbr> Тэги для выделения аббревиатуры HTTP (Hyper Text Transfer Protocol)
<ACRONYM>...</ACRONYM>

Тэги выделяют акронимы (сокращения, образованные несколькими словами).

Известные сокращения: т.д. и т.п.

Вопросы для самоконтроля

Оглавление