Уроки WEB-Строительства

\|УРОК 6\| - Продолжаем структурировать текст

Вступление

Ну что же, продолжим структурировать текст из предыдущего урока.

Изменим текст vinnie.html следующим образом:

<html>
 <body bgcolor=white text=black>
  <H4>Песенка Винни-Пуха</H4>
   <p>
    <EM>Если б мишки были пчелами</EM><br>
    <STRONG>То они бы нипочем</STRONG><br>
    <CITE>Никогда бы не подумали</CITE><br>
    Так высоко строить <SUP>дом</SUP><br>
  </p>
  <p align=center>Конец</p>
 </body>
</html>

В результате должно получится вот что:

Песенка Винни-Пуха

Необходимые пояснения

Начнем разбираться. В HTML существуют следующие теги структурирования текста:

Тег Описание

 Выделение текста

 Более сильное выделение текста

<CITE></CITE> Цитата или ссылка на другие ресурсы

<DFN></DFN> Указывает, что это является определением вложенного термина

<CODE></CODE> Фрагмент компьютерного кода

<SAMP></SAMP> Вывод примера программ, сценариев и т.д.

<KBD></KBD> Обозначение текста, который должен ввести пользователь

<VAR></VAR> Экземпляр переменной или аргумента программы

<ABBR></ABBR> Сокращенная форма (например, WWW, Inc., corp. и т.д.)

<ACRONYM></ACRONYM> Акроним (например, ФБР, НАТО и т.д.)

 Нижний индекс

 Верхний индекс

Сразу скажу, что эти теги означают не столько как текст будет отображаться (хотя и это, конечно, тоже), сколько какое место в структуре документа он занимает.

Обратим внимание на то, что у тега  появился аттрибут align. Он указывает, каким образом выравнивать текст, находящийся внутри тега. Аттрибут align может принимать значения left(выравнивание по левому краю), center(выравнивание по центру), right(выравнивание по правому краю) и justify(выравнивание по обоим краям). Осталось только сказать, что аттрибут align есть не только у абзацев, но, например, и у заголовков.

Сухой остаток

1. Теги структурирования используются для определения того, какое место текст занимает в структуре документа.
2. Аттрибут align задает метод выравнивания текста.

Эксперименты

1. Попробуйте применить все теги структурирования, чтобы посмотреть, как их отображает браузер.
2. Попробуйте выровнять заголовок песенки Винни-Пуха по правому краю.