Основные средства языка HTML

Форматирование текста

Управление шрифтом

Чтобы изменить вид, размер или цвет шрифта используется тег <FONT>.

Чтобы выбрать шрифт, достаточно воспользоваться атрибутом FACE= тега <FONT>.

<FONT FACE=”ARIAL”>Текст</FONT>

Теперь «Текст» будет отображаться шрифтом Arial. Для изменения размера шрифта в HTML используется атрибут SIZE=:

<FONT SIZE=”5”>

Текст, помещенный между этими тегами, будет пятого размера. В HTML определены семь размеров шрифта, которые отличаются от стандартных размеров, используемых в текстовых и графических редакторах Windows. Если в HTML-документе не определять размер шрифта, то он будет иметь стандартный размер «3». Это число можно изменить используя тег <BASEFONT>. Если вы хотите, чтобы шрифт на web-странице был 2-ого размера, просто включите в HTML-код сразу после тега <BODY> следующую строку:

<BASEFONT SIZE=”2”>

<BASEFONT> не имеет закрывающего тега. Теперь стандартный размер шрифта на всей web-странице будет «2». Действие элемента BASEFONT не распространяется на текст, заключенный между тегами <FONT></FONT>.

Иногда бывает удобно не определять каждый раз размер текста по-новому, а лишь указывать его размер относительно стандартного. Для этого пользуются следующей строкой.

<FONT SIZE=”+2”>Текст</FONT>

Текст внутри этого элемента будет на два пункта больше, чем стандартный. Это упрощает создание заголовков. Хотя, для этого есть и более удобный способ - специальные теги для выделения заголовков: <H1> (применяется для самых крупных заголовков), <H2>, <H3>, <H4>, <H5>, <H6> (применяется для самых мелких). Для каждого из этих элементов существуют закрывающие теги, например:

<H2>Заголовок</H2>

Кроме выбора вида шрифта и его размера, существуют еще и средства для указания стиля начертания. Самые распространенные из них, это следующие элементы:

· Выделение жирным (bold). Текст помещается между тегами <B> и </B>.

· Выделение курсивом (italic). Текст помещается между тегами <I> и </I>.

· Подчеркивание (underline). Текст помещается между тегами <U> и </U>.

· Зачеркивание (strike). Текст помещается между тегами <STRIKE> и </STRIKE>.

Теперь преобразуем нашу web-страницу, используя атрибуты тега <FONT>, а также теги выделения заголовков и украшения текста:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>Компания "Стрела". Туристские перевозки</TITLE>

</HEAD>

<BODY>

<FONT FACE="Arial"><H2>Компания "Стрела"</H2>

<H3><I>Туристские перевозки по России и ближнему зарубежью </I></H3></FONT>

Наша компания была основана в 1998 году. "Стрела" всегда стремится предоставлять своим клиентам сервис высочайшего уровня.

Путешествовать с нами всегда комфортно, познавательно и безопасно.

</BODY>

</HTML>

В документе выбран шрифт для двух заголовков. Далее, после закрывающего тега </FONT>, шрифт стандартный.

Результат продемонстрирован на рисунке 2.

Основные средства языка HTML - student2.ru Рис. 2

Наши рекомендации