главная введение вопросы контакт
Урок 4.
Форматирование HTML-документа.

В этом уроке: абзацы, заголовки, разделительные линии, принудительный перевод строки и всё, что имеет отношение к структурной разметке HTML-документа.
P - элемент, с помощью которого текст в HTML-документе разбивается на абзацы. Имеет один параметр - align, возможные значения которого:

  • left - выравнивает абзац по левому краю
  • center - текст выравнивается по центру
  • right - выравнивает абзац по правому краю
  • justify - выравнивает текст абзаца по ширине

Абзац, заданный с помощью элемента <P>, отделяется от остального текста пустой строкой.
Пример:

<P align="left">
Текст вашего абзаца
</P>

В данном примере текст абзаца будет выровнен по левой стороне.

BR - тэг принудительного перевода строки. Может иметь параметр clear, прекращающий обтекание изображения текстом. Возможные значения параметра clear : all, left и right.
Пример:
первая строка<br>вторая строка<br>третья строка<br>
Результат:
первая строка
вторая строка
третья строка

HR. Этот тэг вставляет в текст HTML-документа горизонтальную распределительную линию. Имеет параметры:

  • width - задаёт ширину линии в пикселях или в процентах от ширины окна браузера.
  • size - задаёт толщину линии в пикселях
  • align - задаёт горизонтальное выравнивание (left, center, right)
  • noshade - отменяет объёмность линии. (советую использовать всегда)

Заголовки в HTML-документе задаются элементами: H1, H2, H3, H4, H5, H6. Шесть уровней заголовков различаются между собой величиной шрифта. H1 - самый большой и самый "жирный" заголовок, а H6 - самый "тонкий" и маленький. Заголовки отделяются от остального текста пустой строкой сверху и снизу. Элемент может иметь параметр align, с помощью которого заголовок выравнивается по горизонтали (left, center, right).
Пример:
<
H1 align="center">Самый большой заголовок, выровненный по центру</H1>

CENTER - элемент, который выравнивает всё содержимое HTML-документа, расположенное между тегами <CENTER> и </CENTER>, посередине окна просмотра браузера. В основном используется для выравнивания таблиц.
Пример:
<CENTER>
<TABLE border="1">
<TR>
<TD>Первая ячейка</TD><TD>Вторая ячейка</TD>
</TR>
</TABLE>
</CENTER>

PRE - используется для вставки в HTML-документ отформатированного текста, который будет отображён браузером с сохранением всех пробелов моноширинным шрифтом.
Пример:
<PRE>
Отформатированный текст
</PRE>

DIV - элемент, с помощью которого фрагмент HTML-документа выделяется в качестве блока или раздела. Может иметь параметр align, выравнивающий блок по горизонтали (left, center, right).
Пример:
<DIV>
текст блока
</DIV>

ADDRESS - элемент, который задаёт фрагмент текста в качестве почтового адреса. Браузеры такой текст обычно отображают курсивом.
Пример:
Наш адрес<ADDRESS>Москва, ул.Строителей, 15</ADDRESS>

BLOCKQUOTE - элемент задаёт фрагмент текста в качестве цитаты. Текст, размеченный данным элементом на экране отображается с отступом вправо.
Пример:
<BLOCKQUOTE>
текст блока
</BLOCKQUOTE>

Содержание:
Урок 1 Что такое HTML ?
Урок 2 Раздел документа HEAD
Урок 3 Раздел документа BODY
форматирование текста
Урок 4 Форматирование HTML- документа
Урок 5 Таблицы
Урок 6 Формы
Урок 7 Навигационные карты
Урок 8 Фреймы
Интернет-статистика
© 2002 - 2008 учебник по HTML    e-mail: ht-ml@ya.ru
Hosted by uCoz