Этот урок HTML посвящен выбору цвета, размера и шрифта текста с помощью тега «font». Это устаревшая тема , потому что форматирование текста на всех современных сайтах определяется с помощью таблиц стилей.
Использование тега <font> также не рекомендуется W3C и поэтому перестает использоваться. В любом случае, это тема, которую хороший веб-мастер не может игнорировать: как уже упоминалось, будет время для изучения таблиц стилей, и в любом случае это шаг, который следует за знанием HTML.
HTML шрифты
Тип шрифта (то есть «font»), который браузер отображает по умолчанию, — «Times».
Чтобы выбрать другой шрифт, с которым должен отображаться текст, просто используйте синтаксис:
<font face = «Arial»> текст в Arial </ font> | текст в Arial |
<font face = «Verdana»> текст в Verdana </ font> | текст в Verdana |
<font face = «Geneva»> текст в Женеве </ font> | текст в Geneva |
цвет текста в HTML
После того, как мы выбрали шрифт для написания нашего текста, мы можем выбрать цвет, вот код в соответствии с разметкой HTML :
<font color="blue">синий текст </font> <br/> или : <br/> <font color="#0000FF">синий текст</font>
Выбор цвета может быть сделан одновременно с выбором шрифта (поскольку «face» и «color» являются атрибутами тэга <font>):
<font face="Verdana, Arial, Helvetica, sans-serif" color="blue"> синий текст шрифт Verdana </font>
Размер текста HTML
Размер текста определяется атрибутом тега size<font>
. Есть два способа задать размеры текста через тег <font>
:
- целые значения от 1 до 7
- значения, относящиеся к базовому размеру тега шрифта (по умолчанию «3»)
В случае целочисленных значений вот шкала величин:
<font size = "1"> текст размером 1 </ font> <br /> <font size = "2"> текст размером 2 </ font> <br /> <font size = "3"> текст размером 3 </ font> <br /> <font size = "4"> текст размером 4 </ font> <br /> <font size = "5"> текст размером 5 </ font> <br /> <font size = "6"> текст размером 6 </ font> <br /> <font size = "7"> текст размером 7 </ font>
В случае значений относительно базового размера возможно «перемещение» по шкале величин <font>
с использованием знаков « +
» и « -
».
Мы сказали, что базовый размер шрифта в браузере по умолчанию — 3
.
Поэтому, если мы используем size="+2"
, то это будет означать, что размер шрифта должен быть на 2 размера больше, чем размер основного шрифта, поэтому у нас будет шрифт размером 5.