Изменяем цвет текста html(шрифт)

Этот урок 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> 
цвет текста html

Выбор цвета может быть сделан одновременно с выбором шрифта (поскольку «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>
размер шрифта HTML

В случае значений относительно базового размера возможно «перемещение» по шкале величин <font> с использованием знаков « +» и « -».

Мы сказали, что базовый размер шрифта в браузере по умолчанию — 3.

Поэтому, если мы используем size="+2", то это будет означать, что размер шрифта должен быть на 2 размера больше, чем размер основного шрифта, поэтому у нас будет шрифт размером 5.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *