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 используются три типа шрифтов:
- serif — с засечками на кончиках букв
- sans-serif — без засечек
- 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 стилей можно задавать следующие стили:
- font-weight — ширина шрифта (жирность)
- font-variant — тип шрифта (прописные или заглавные буквы)
- font-style — стиль шрифта (наклонный, курсивный шрифт)
- font-family — семейство шрифта (аналог face)
- font-size — размер шрифта (можно задавать в px, pt)
Читайте также:
• Описание заголовочных тегов html
• Фреймы (теги <frame>, <frameset>, <noframe>, <iframe>)
• Атрибут position в HTML
• HTML тег <ul> - подробное описание с примерами
• HTML теги <h1>-<h6> - заголовочные теги внутри страницы
• Элементы тега <form>: радиокнопки, списки, флажки, текстовые поля
• HTML тег <embed>
• HTML тег <object>