Основные средства языка 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.
Рис. 2