Опубликован: 06.10.2006 | Уровень: для всех | Доступ: платный
Дополнительный материал 1:

Приложение А. Список тэгов HTML

< Лекция 22 || Дополнительный материал 1: 1234 || Дополнительный материал 2 >

Заголовки, параграфы и разрывы строки

<P>…</P>

Создает параграф с пробелами до и после. Закрывающий тэг использовать необязательно, но рекомендуется (обязательно при использовании таблиц стилей).

Возможный результат
<p align=center>This is a paragraph.</p>
Текст центрирован и имеет пустую строку сверху и снизу
<p style="margin-top:6;margin-bottom:6">
  This P is tight with the neighbors.</p>
Между текстом и следующим параграфом 6 пикселов

<H1>…</H1> - <H6>…</H6>

Показывает жирный текст заголовка. Заголовки уровня 1 – больше, а уровня 6 – меньше, чем обычный текст. По умолчанию заголовки выровнены по левому краю; чтобы центрировать их, установите атрибуту align значение center.

<DIV>…</DIV> и <SPAN>…</SPAN>

Является признаком текстового блока, к которому вы хотите применить стиль. Установите стиль блоку текста с помощью атрибутов style, class или id. Браузеры отобразят конец строки до и после тэга <DIV>, а тэг <SPAN> может быть использован в части параграфа, не разрывая строку.

Возможный результат
<div align=center>
  Middle of the road.
</div>
Разделы центрированы, строка разрывается до и после
<div style=
  "position:absolute;top:80;left:80">
  Unbearable lightness of being.
</div>
Раздел выровнен по верхнему краю других элементов страницы, это ровно 80 пикселов от верха и левого края окна браузера
This predicament is utterly 
<span class="crazy">mad</span>.
Слово "mad" принимает стилевые характеристики, описанные в классе crazy в таблице стилей

<BR>

Разрыв с переходом на следующую строку.

Возможный результат
<br clear=all>
Браузер разрывает строку и переходит на следующую

<NOBR>…</NOBR>

Не дает браузеру разрывать строку. Если текст не умещается на экране, посетителям придется воспользоваться полосой прокрутки; если текст не умещается в колонке, она расширится.

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

<FONT>…</FONT>

Устанавливает гарнитуру и размер шрифта для блока текста. Размер указывается цифрами от 1 до 7, где 3 обычно стоит по умолчанию. Чтобы более точно установить шрифт, используйте стили вместо <FONT>.

Возможный результат
<font size=4 face=
  "'Courier New',courier,monospace">
  My old friend the typewriter.</font>
Показывает текст шрифтом Courier New (или другим имеющимся шрифтом), размер шрифта больше чем обычно

<B>…</B> или <STRONG>…</STRONG>

Пишет включенный текст жирно.

<I>…</I> или <EM>…</EM>

Пишет включенный текст наклонно.

<U>…</U>

Подчеркивает включенный текст.

<PRE>…</PRE>

Устанавливает моноширинный (машинописный) шрифт, и отображает текст точно, как он появляется в HTML (с такими же пробелами и разрывами строк).

Возможный результат
<pre>        
  AGE       
    OF       
      AQUARIUS
           </pre>
AGE       
    OF       
      AQUARIUS

<UL>…</UL>, <LI>…</LI>

Отображает маркированный список. Список с отступом и имеет отбивки сверху и снизу.

Возможный результат
<p>I hope we have heard the last of:</p>
<ul type=square>
  <li>Conformity</li>
  <li>Consistency</li>
</ul>
I hope we have heard the last of:
 · Conformity
 · Consistency

<OL>…</OL>, <LI>…</LI>

Отображает нумерованный список. Список с отступом и имеет отбивки сверху и снизу.

Возможный результат
<ol start=4>
  <li>Cuatro</li>  
  <li>Cinco</li>  
  <li>Seis</li>
</ol>
4. Cuatro
5. Cinco
6. Seis
< Лекция 22 || Дополнительный материал 1: 1234 || Дополнительный материал 2 >
Татьяна Кондрашова
Татьяна Кондрашова
Россия
Игорь Воробьев
Игорь Воробьев
Россия, Михнево Ступинского МО