HTML тег <font>

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

Синтаксис html тега <font>

<font [color="Цвет"] [face="Шрифт"] [size="Размер"]>

Каждый элемент задается через специальные атрибуты color, face, size. Их можно располагать в любом порядке. Можно использовать 1, 2 или все 3 атрибута.

1. Атрибут color. Цвет можно задавать тремя способами: название цвета, #XXXXXX, и RGB(). Читайте: коды и названия html цветов для сайта

2. Атрибут face задает шрифт. Например, Verdana, Arial, Times Nev Roman.

В HTML используются три типа шрифтов:

  1. serif — с засечками на кончиках букв
  2. sans-serif — без засечек
  3. monospaced — все буквы имеют фиксированную ширину (моноширинные)

3. Атрибут size задает размер шрифта. Указывается в виде цифры. По умолчанию равен 3.

Главное удобство HTML тега <font> в том, что он позволяет быстро задать самые необходимые изменения для текста и не вносить их отдельно в таблицу стилей CSS. Однако современный стандарт HTML5 не рекомендует использовать эти атрибуты.

Приведем пример с тегом <font>

<html>
<body>
Обычный шрифт. <font color="blue">Синий шрифт</font>. <font color="red" size="4">А это красный шрифт большего размера</font>
</body>
</html>

На странице преобразуется в следующее


Обычный шрифт. Синий шрифт. А это красный шрифт большего размера

Существует также семейство CSS font. С помощью CSS стилей можно задавать следующие стили:

  1. font-weight — ширина шрифта (жирность)
  2. font-variant — тип шрифта (прописные или заглавные буквы)
  3. font-style — стиль шрифта (наклонный, курсивный шрифт)
  4. font-family — семейство шрифта (аналог face)
  5. font-size — размер шрифта (можно задавать в px, pt)




Читайте также:

• Описание заголовочных тегов html

• Фреймы (теги <frame>, <frameset>, <noframe>, <iframe>)

• Атрибут position в HTML

• HTML тег <ul> – подробное описание с примерами

• HTML теги <h1>-<h6> – заголовочные теги внутри страницы

• Элементы тега <form>: радиокнопки, списки, флажки, текстовые поля

• HTML тег <embed>

• HTML тег <object>

← Перейти в каталог html уроков и советов

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.