Справочник HTML

    Оглавление:
Раздел 1.   Введение: теги, HTML документ.
Раздел 2.   Выделение текста - физические и логические стили.
Раздел 3.   Форматирование текста.
Раздел 4.   Ссылки.
Раздел 5.   Рисунки.
Раздел 6.   Цвет фона и текста. Шрифты.
Раздел 7.   Таблицы.
Раздел 8.   Списки.
Раздел 9.   Последовательности, комментарии.
Раздел 10. Изображения-карты (image maps).
Раздел 11. Звук на сайте.
Раздел 12. Каскадные таблицы стилей.
Раздел 13. Фреймы.

Раздел 3

Тема: форматирование текста.

HTML имеет 6 уровней заголовков разделов страницы, имеющих номера от 1 до 6. Заголовок высшего уровня имеет номер 1. Отличаются заголовки от текста и между собой толщиной и высотой букв, в заголовке <H1> самые крупные символы. Тэги <H1>..</H1>, <H2>..</H2>, ... , <H6>..</H6>.
Абзацы в тексте выделяются тэгами <P>..</P>. При просмотре браузером абзацы отделяются друг от друга пустой строкой. Надо заметить, что в существующих версиях HTML закрывающий тэг </P> не используется. Но все-таки рекомендуется его употреблять, так как он может быть введен в последующих версиях. К ошибке это не приведет - браузер просто проигнорирует все незнакомые тэги. А вам потом не придется переделывать свои документы. В версии HTML+ предлагается использовать закрывающий тэг </P>.

И заголовки, и абзацы по умолчанию выключены влево (т.е. прижаты к левому краю окна). Атрибут ALIGN позволяет выключить текст по центру или вправо. Синтаксис: <P ALIGN=RIGHT>, может принимать значения LEFT (влево), CENTER (по центру), RIGHT (вправо). Пример:

<P>Этот абзац расположен слева<P>
<P ALIGN=CENTER>Этот абзац по центру</P>
<P ALIGN=RIGHT>А вот этот абзац справа</P>

Что дает при просмотре:

Этот абзац расположен слева

Этот абзац по центру

А вот этот абзац справа

Аналогично форматируются и заголовки: <H1 ALIGN=RIGHT>..</H1> и т.д.
Еще один полезный способ выравнивания по центру, это использование тэгов <CENTER>..<CENTER>. Они позволяют отформатировать сразу несколько заголовков и абзацев. Например:

<CENTER>
<H1>Заголовок страницы</H1>
<H2>Подзаголовок</H2>
<P>Абзац 1.</P>
<P>Абзац 2.</P>

</CENTER>

В результате заголовок, подзаголовок и оба абзаца будут выключены по центру.

Чтобы перейти на новую строку, не прерывая абзаца (т.е., чтобы не вставлять пустую строку между абзацами), применяется тэг <BR>. Закрывающего тэга у него нет.

Тэг <HR> описывает горизонтальную линию. Может включать аттрибуты:

  • SIZE - толщина линии в пикселах;
  • WIDTH - длина линии в пикселах или процентах от ширины экрана;
  • ALIGN - выравнивание линии, может принимать значения LEFT, CENTER, RIGHT;
  • COLOR - цвет линии;
  • NOSHADE - линия рисуется без тени.
Пример использования тэгов <BR> и <HR>:

Стишок-нескладуха
<HR NOSHADE WIDTH="250" ALIGN="LEFT">
Нет приятнее занятья,<BR>
Чем в носу поковырять:<BR>
Всем ужасно интересно,<BR>
Что там спрятано внутри.<BR>

А кому смотреть противно,<BR>
Тот пускай и не глядит -<BR>
Мы же в нос к нему не лезем,<BR>
Пусть и он не пристает!<BR>
<HR SIZE=4 WIDTH=50%>

Получаем:

Стишок-нескладуха

Нет приятнее занятья,
Чем в носу поковырять:
Всем ужасно интересно,
Что там спрятано внутри.
А кому смотреть противно,
Тот пускай и не глядит -
Мы же в нос к нему не лезем,
Пусть и он не пристает!

Метки <BLOCKQUOTE></BLOCKQUOTE> добавляют к выделенному ими тексту со всех четырех сторон поля (сверху и снизу - по пустой строке, слева и справа - шириной в 5 знаков). Пример - этот абзац.

Еще один способ форматирования текста - использование меток <PRE>..</PRE> (prefomatted text - предварительно форматированный текст). Обычно браузеры игнорируют множественные пробелы и символы конца строки. Однако с использованием тега <PRE> текст выводится в окне браузера точно в том виде, как он есть в исходном HTML-документе.
Пример. В тексте:

<PRE>
Чтобы стихотворение красиво
      смотрелось в окне браузера,
            вовсе необязательно использовать
                     тэг &lt;BR&gt;!
</PRE>

В окне браузера:

Чтобы стихотворение красиво
      смотрелось в окне браузера,
            вовсе необязательно использовать
                     тэг <BR>!

следующий раздел

Hosted by uCoz