Самоучитель по HTML

Справочник HTML

large - крупный;
x-large - ещё крупнее;
xx-large - самый крупный;
small - маленький;
x-small - ещё меньше;
xx-small - самый маленький;
larger - нексколько увеличивает размер шрифта относительно базового размера;
smaller - уменьшает размер шрифта относительно базового размера.

Давайте рассмотрим пример:

         <HTML>
            <HEAD>
               <TITLE>Изменение размера шрифта</TITLE>
            </HEAD>
            <BODY>
               <center><h1>Параметр <b>font-size</b> и его значения</h1></center>
               <P>Это базовый размер шрифта</P>
               <P style="font-size: larger">Шрифт со значением <b>larger</b></P>
               <P style="font-size: smaller">Шрифт со значением <b>smaller</b></P>
               <P style="font-size: large">Шрифт со значением <b>large</b></P>
               <P style="font-size: x-large">Шрифт со значением <b>x-large</b></P>
               <P style="font-size: xx-large">Шрифт со значением <b>xx-large</b></P>
               <P style="font-size: small">Шрифт со значением <b>small</b></P>
               <P style="font-size: x-small">Шрифт со значением <b>x-small</b></P>
               <P style="font-size: xx-small">Шрифт со значением <b>xx-small</b></P>
            </BODY>
         </HTML>

CSS, font-size, large, small, x-large

Ещё один параметр управления шрифтом является font-family. Он задаёт имя шрифта. Данный параметр надо использовать осторожно, так как указанный шрифт может не находится на компьютере пользователя, и тогда на экране броузера высветится обычный текст. Чтобы этого избежать, можно через запятую указывать несколько имён шрифта сразу, через запятую. И если первого шрифта на компьютере пользователя не окажется, броузер будет искать второй шрифт, если же его тоже не окажется, тогда третий и т. д. Общий вид такого перечисления будет следующий: font-family: шрифт1, шрифт2, шрифт3, ...

Давайте рассмотрим пример:

         <HTML>
            <HEAD>
               <TITLE>Задание имени шрифта</TITLE>
            </HEAD>
            <BODY>
               <center><h1>Параметр <b>font-family</b></h1></center>
               <P style="font-family: Times New Roman">Шрифт Times New Roman</p>
               <P style="font-family: Algerian">Шрифт Algerian</p>
               <P style="font-family: Bodoni MT Black">Шрифт Bodoni MT Black</p>
            </BODY>
         </HTML>

font-family, xx-large, x-small

Как видно в примере, шрифт изменился только у слов написанных английским языком. Русский же шрифт остался неизменным. Это тоже надо иметь в виду, при задании имени шрифта, так как далеко не все шрифты поддерживают русскую раскладку клавиатуры.

Теперь рассмотрим параметр font-style, отвечающий за начертание шрифта. У него два значение: italic и normal. Italic делает шрифт наклонным, а normal опять обычным.

И последний параметр, рассмотренный в данной главе, это font-weight. Его значения bold и bolder отвечают за полужирное начертание шрифта

      <HTML>
         <HEAD>
            <TITLE>Начертание шрифта</TITLE>
         </HEAD>
         <BODY>
            <center><h1>Параметр <b>font-style</b></h1></center>
            <P style="font-style: italic">Стиль шрифта со значением <b>italic</b></P>
            <P style="font-style: normal">Стиль шрифта со значением <b>normal</b></P>
               
            <center><h1>Параметр <b>font-weight</b></h1></center>
            <P style="font-weight: bold">Стиль шрифта со значением <b>bold</b></P>
            <P style="font-weight: bolder">Стиль шрифта со значением <b>bolder</b></P>
         </BODY>
      </HTML>

font-style, font-weight, italic, normal

Предыдущая страница Следующая страница

Вы можете свободно использовать фрагменты сайта, с условием размещения ссылки на наш сайт:
<a href="http://tri222.narod.ru"><b>Самоучитель по созданию Web-страниц.</b></a>

Хостинг от uCoz

Самоучитель по HTML

Справочник HTML

Оглавление:

CSS

Шрифты