 |
Теги (дескрипторы) форматирования абзацев
|
|
|
|
| Тег | Описание тега |
| <ADDRESS> | Почтовый адрес (курсив) |
| <BLOCKQUOTE> | Отступ вправо (стиль для вставки цитат) |
| <BR> | Переход на новую строку без вставки пустой строки |
| <CITE> | Цитата |
| <H1>…<H6> | Заголовок (с первого по шестой уровни) |
| <P> | Обычный абзац |
| <PRE> | Неформатированный текст (сохраняет пробелы) |
В Web-браузере абзацы отделяются друг от друга пустой строкой. В HTML начало абзаца помечается тегом <P>,конец - тегом </P> (является необязательным).
Для выравнивания текста используется параметр ALIGN тега <P>. Этот параметр может принимать значения LEFT, RIGHT, CENTER и JUSTIFY для выравнивания соответственно по левому краю, правому краю, по центру и по ширине строки. Например: <P ALIGN=”LEFT”>. Аналогично выполняется выравнивание заголовков, например:
<H1 ALIGN=”CENTER”>Этот заголовок выровнен по центру</H1>.
В исходный код Web-страницы можно добавлять комментарии, которые не будут видны при отображении документа браузером. Для комментариев используется следующий синтаксис: <!-- текст комментария -->.
Гиперссылки
Гиперссылка – это указание адреса HTML-документа (или другого ресурса Интернет), к которому можно перейти от текущего документа при активизации этой гиперссылки. Для вставки ссылки в документ используются теги <A HREF=URL-адрес> и </A>, между которыми вводится текст самой ссылки, отображаемый в браузере и используемый для перехода. Он будет выделен цветом (по умолчанию – синим) и подчеркнут. Значение параметра HREF – это адрес той страницы или того ресурса, на который производится ссылка. Например:
<A HREF = http://www.spbstu.ru/mmf/index.html> </A> - ссылка на сайт ММФ.
Ссылку можно создавать и в виде графического изображения. В этом случае между тегами <A> и </A> вставляется команда <IMG>. Например:
|
|
|
<A HREF=”httр://www.spbstu.ru/mmf/index.html”>
<IMG SRC=”pic1.gif”></A>
Если создается ссылка на страницу, расположенную на том же сервере, что и исходная страница, то в URL не включается доменное имя. Например,
Это ссылка на страницу <A HREF=”page2.html”>page2</A>
Это ссылка на рисунок <A HREF=”image/picture.jpg”>picture</A>
В первом случае создается ссылка на страницу page2.html, расположенную в том же каталоге, что и исходный документ, во втором – создается ссылка на рисунок picture.jpg из подкаталога image.
Иногда возникает необходимость создавать так называемые внутренние ссылки, т.е. ссылки внутри страницы на отдельные разделы:
<A HREF=”#1”>Параграф 1</A><BR>
<A HREF=”#2”>Параграф 2</A><BR>
<A HREF=”#3”>Параграф 3</A><BR>
<P>
<A NAME=”1”>Параграф 1</A><BR>
(текст первого параграфа)<BR>
<A NAME=”2”>Параграф 2</A><BR>
(текст второго параграфа)<BR>
<A NAME=”3”>Параграф 3</A><BR>
(текст третьего параграфа)<BR>
Здесь Параграф 1, Параграф 2, Параграф 3 – названия разделов; 1, 2, 3 – имена закладок, на которые нужно перейти с соответствующих ссылок.
Для создания ссылки на адрес электронной почты следует добавить перед адресом запись mailto:. Например, с помощью ссылки
<A HREF = ”mailto:[email protected]”> здесь </A>
щелчком по слову здесь можно послать письмо по адресу [email protected].
Создание списков
Для разделения текста большого объема часто используется форматирование в виде списков. Типы списков представлены в табл. 5.
Таблица 5
Типы списков HTML и соответствующие им теги
| Тег | Тип списка |
| <OL> | Упорядоченный (нумерованный) список |
| <UL> | Неупорядоченный (маркированный) список |
| <DL> | Список определений |
| <MENU> | Список элементов меню (используется редко) |
| <DIR> | Список элементов каталогов (используется редко) |
|
|
|
При создании нумерованного списка используется следующий синтаксис:
<OL>
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
…
<LI>Последний элемент списка</LI>
</OL>
По умолчанию элементы списка нумеруются арабскими цифрами. Чтобы для нумерации использовались буквы алфавита или римские цифры, надо определить стиль форматирования следующим образом: <OL TYPE=тип START=значение>
Параметр тип может принимать значения, приведенные в табл. 6. Атрибут START используется тогда, когда нумерация списка начинается с числа, отличного от 1, или с буквы, отличной от а. Тогда параметр значение – это число, соответствующее начальному числу списка или начальной букве списка. Например, код <OL TYPE=A START=4> означает, что нумерация списка будет начинаться с четвертой буквы английского алфавита, т.е. с D.
Таблица 6
Типы нумерации упорядоченных списков в HTML
| Тип | Стиль |
| Стандартный способ нумерации с помощью арабских цифр | |
| a | Строчные буквы английского алфавита |
| A | Прописные буквы английского алфавита |
| i | Строчные римские цифры |
| I | Прописные римские цифры |
Код неупорядоченного списка очень похож на код нумерованного списка:
<UL TYPE=тип>
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
…
<LI>Последний элемент списка</LI>
</UL>
Здесь параметр тип может принимать одно из значений, приведенных в табл. 7, например: <UL TYPE=”square”>
Таблица 7
Типы маркеров для маркированных списков
| Тип | Рекомендуемый внешний вид(зависит от браузера) |
| disc | · Заполненный кружок |
| square | n Заполненный квадратик |
| circle | ¢ Незаполненный кружок |
В списках определений каждому термину соответствует абзац определения, оформленный с отступом. Такие списки могут использоваться, например, в каталогах с описанием товаров. Список определений содержится в контейнере <DL> </DL>, где DL – definition list. Элементы списка определений создаются с использованием тегов <DT> и <DD>, которые отмечают термин (definition term) и его определение (definition). Например:
<DL>
<DT>Первый термин</DT>
<DD>Первое определение</DD>
<DT>Второй термин</DT>
<DD>Второе определение</DD>
|
|
|
</DL>
Web-графика
Для вставки графического изображения используется одиночный тег <IMG>, имеющий следующий синтаксис:
<IMG SRC=URL_изображения HEIGHT=”число” WIDTH=”число”>,
где SRC – источник (source) – место, где хранится изображение, HEIGHT и WIDTH – размеры изображения в пикселах (соответственно высота и ширина). Например:
<IMG SRC=”image/picture.jpg” WIDTH=”50” HEIGHT=”50”<BR>
<IMG SRC=”http://www.spbstu.ru/mmf/logo500.gif” WIDTH=”120” HEIGHT=”120”
Здесь picture.jpg – картинка размером 50 на 50 пикселов, размещенная в каталоге image на том же сервере, что и исходная страница; logo500.gif – картинка размером 120 на 120 пикселов, размещенная на другом сервере по адресу: http://www.spbstu.ru/mmf/.
Для выравнивания текста относительно изображений используется атрибут ALIGN тега IMG. Некоторые его значения приведены в табл. 8.
Таблица 8
|
|
|
