Главная | Обратная связь | Поможем написать вашу работу!

Теги (дескрипторы) форматирования символов

Тег	Описание тега
<B>	Стиль Bold – полужирное начертание
<BIG>	Увеличение размера текущего шрифта
<EM>	Выделение (обычно курсив)
<FONT>	Использование определенного шрифта, размера и цвета
<I>	Стиль Italic – курсив
<SMALL>	Уменьшение размера текущего шрифта
<STRIKE>	Перечеркнутый текст
<SUB>	Подстрочные символы (нижний индекс)
<SUP>	Надстрочные символы (верхний индекс)
<TT>	Моноширинный шрифт, телетайп
<U>	Подчеркнутый текст

Отметим, что при отображении файла HTML браузером все лишние пробелы игнорируются. Так, если вставить три пустые строки между двумя строками текста, то все пустые строки заменятся одним пробелом, а текст «разорвется» по границе окна.

Заранее точно не известно, какой шрифт будет использоваться браузером при отображении текста. Можно, однако, с помощью тега  указать явно, какой шрифт использовать, а также задать размер и цвет шрифта. Размер основного шрифта задается элементом BASEFONT: <BASEFONT SIZE = значение>. Величина основного шрифта может принимать значение от 1 до 7, стандартный для браузера размер шрифта равен 3. Значению 1 соответствует размер 9 пунктов, а для наибольшего размера 7 устанавливается шрифт размером 36 пунктов. Атрибут COLOR изменяет цвет шрифта, атрибут SIZE устанавливает относительный размер шрифта (+1 – на один размер больше, -2 - на два размера меньше). Например:

 Текст ,

где face=”Arial” – шрифт Arial, size=”+2” – размер на два больше, color=”FF3366” – цвет текста.

Кроме атрибутов шрифта важное значение при форматировании текста имеет форматирование абзацев. В табл. 4 приведено большинство используемых для этой цели тегов. Все они, кроме  , являются контейнерами.

Таблица 4

Теги (дескрипторы) форматирования абзацев

Тег	Описание тега
<ADDRESS>	Почтовый адрес (курсив)
<BLOCKQUOTE>	Отступ вправо (стиль для вставки цитат)
<BR>	Переход на новую строку без вставки пустой строки
<CITE>	Цитата
<H1>…<H6>	Заголовок (с первого по шестой уровни)
<P>	Обычный абзац
<PRE>	Неформатированный текст (сохраняет пробелы)

В Web-браузере абзацы отделяются друг от друга пустой строкой. В HTML начало абзаца помечается тегом ,конец - тегом  (является необязательным).

Для выравнивания текста используется параметр ALIGN тега . Этот параметр может принимать значения LEFT, RIGHT, CENTER и JUSTIFY для выравнивания соответственно по левому краю, правому краю, по центру и по ширине строки. Например: . Аналогично выполняется выравнивание заголовков, например:

<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> 

<A HREF=”#2”>Параграф 2</A> 

<A HREF=”#3”>Параграф 3</A> 

<A NAME=”1”>Параграф 1</A> 

(текст первого параграфа) 

<A NAME=”2”>Параграф 2</A> 

(текст второго параграфа) 

<A NAME=”3”>Параграф 3</A> 

(текст третьего параграфа) 

Здесь Параграф 1, Параграф 2, Параграф 3 – названия разделов; 1, 2, 3 – имена закладок, на которые нужно перейти с соответствующих ссылок.

Для создания ссылки на адрес электронной почты следует добавить перед адресом запись mailto:. Например, с помощью ссылки

<A HREF = ”mailto:eurorobot@mail.ru”> здесь </A>

щелчком по слову здесь можно послать письмо по адресу eurorobot@mail.ru.

Создание списков

Для разделения текста большого объема часто используется форматирование в виде списков. Типы списков представлены в табл. 5.

Таблица 5

⇐ Предыдущая 123 4 Следующая ⇒