Елемент <font> (від англ. font — шрифт) являє собою контейнер для зміни характеристик шрифту, таких як розмір, колір та гарнітура.
Даний елемент застарілий, замість цього використовуйте стилі. field_html_syntax">Синтаксис
<font>Текст</font> ;
Синтаксис <font>Текст</font> ; Закриваючий тегОбов'язковий. АтрибутиcolorВстановлює колір тексту. faceВизначає гарнітуру шрифту.sizeВказує розмір шрифту в умовних одиницях. Приклад <!DOCTYPE HTML PUBLIC ""> Синтаксис <font>Текст</font> ; Закриваючий тегОбов'язковий. АтрибутиcolorВстановлює колір тексту. faceВизначає гарнітуру шрифту.sizeВказує розмір шрифту в умовних одиницях. Приклад <!DOCTYPE HTML PUBLIC ""> Синтаксис <font>Текст</font> ; Закриваючий тегОбов'язковий. АтрибутиcolorВстановлює колір тексту. faceВизначає гарнітуру шрифту.sizeВказує розмір шрифту в умовних одиницях. Приклад <!DOCTYPE HTML PUBLIC "">
Елемент <font> (від англ. font — шрифт) являє собою контейнер для зміни характеристик шрифту, таких як розмір, колір та гарнітура.
Даний елемент застарілий, замість цього використовуйте стилі. field_html_syntax">Синтаксис
<font>Текст</font> ;
Обов'язковий.
<!DOCTYPE HTML PUBLIC " ;-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>FONT</title> </head> <body> <p><font size="5" color="red" face="Arial">П</font>ерва літера цієї пропозиції написана шрифтом Arial, виділена червоним кольором і збільшена в розмірах.</p> </body> </html>
Результат даного прикладу показаний на мал. 1.
Мал. 1. Зміна вигляду тексту
Для зміни кольору тексту призначено стильову властивість color, сімейство шрифту задається властивістю font-family, а розмір тексту через властивість font-size.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>font</title> <style> .first { font-family: Arial, sans-serif; color: red; font-size: 1.2em; } </style> </head> <body> <p><span class="first">Перше</span> слово цієї пропозиції написано шрифтом Arial, виділено червоним кольором та збільшено у розмірах.</p> </body> </html>