Работа с текстом урок 2

работа с текстомПродолжим знакомство с форматированием текста. Поговорим об изменении его размера, цвета и типа шрифта. Для этого используется тег <font>, он парный,но сам по себе, без атрибутов, он ничего не значит. Рассмотрим атрибуты тега <font>:

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

Семейства шрифтов:

  • Sans-serif — шрифты без засечек — рубленные шрифты (Arial, Verdana, Helvetica, Tahoma и др.)
  • Serif — шрифты с засечками (Times New Roman, Times, Georgia, Bodoni, Garamond и др.)
  • Сursive — курсивные шрифты (Caflisch Script, Adobe Poetica, Sanvito, Ex Ponto и др)
  • Monospace — моноширные шрифты — имеют одинаковую ширину всех символов (Courier, MS Courier New, Prestige, Everson Mono, Everson Mono и т. д.)
  • Fantasy — декоративные шрифты (Alpha Geometrique, Critter, Cottonwood, FB Reactor, Studz и т. п.)

Пример наполнения элемента: <font face="Times New Roman, Times, Georgia, serif">текст</font>
Параметр COLOR
Параметр color определяет цвет текста внутри тега <FONT>. Аргументы этого параметра задаются двумя способами:
По его названию

Сегодня браузеры поддерживают только некоторые  из цветов по их названию. Пример написания элемента: <font color="red">текст</font>.

По шестнадцатеричному значению
Следует учесть, что значению цвета обязательно должен предшествовать знак «решетка» — #. Пример написания:  <font color="#FF0000"> текст</font> или <font color="#663399"> текст</font>
Значение цвета разбивается как бы на три составляющие — два первых знака символизируют красный спектр цвета, два вторых — зелёный цвет и последняя пара — относится к синему.

Параметр SIZE
Отвечает за размер шрифта в условных значениях от 1 до 7. Размер, используемый по умолчанию принят 3. Размеры шрифта  указывают как в абсолютной величине (например, size="5"), так же и в относительной (например, size="+2", size="-2"). При относительной величине размер изменяется относительно базового, т.е. тройка (по умолчанию) увеличивается, или уменьшается на указанное число.
Используя шаблон, рассмотрим примеры использования тега <font>:

html>
<head>
</head>
<body>
Обычный текст<br>
<font color="#CC0000">изменение цвета текста</font><br>
<font color="green">изменение цвета текста</font><br>
<font size="+2">изменение размера текста</font><br>
<font size="4">задание размера текста</font><br>
<font face="Tahoma, Verdana">Задание типа шрифта </font><br>
<font face="Times New Roman, Times, serif"> Используется шрифт «Times New Roman» </font>
</body>
</html>

На скриншоте можно видеть результаты:

text_yrok_2

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

Оставить комментарий

Перед отправкой формы:
Human test by Not Captcha