Тег <font>

Основні теги, які використовуються для форматування тексту на веб-сторінці, — це <font> <span>.

Парний тег <font> відповідає за всі характеристики форматованого тексту, які задаються за допомогою відповідних атрибутів. Цей тег є найбільш зрозумілим і зручним у використанні при верстці сторінок.

Так як нас в першу чергу цікавить, як змінити розмір шрифту в html, потрібно вживання атрибуту size.

Виглядає це таким чином:

<font size=”значення розміру шрифту”>Тут розташовується текст</font>

Значення розміру шрифту задається html у числових одиницях від 1 (найменший) до 7 (найбільший). За середнє значення традиційно приймається 3 (відповідає розміру 13,5 гарнітуру Times New Roman).

Відповідно, якщо внести в тіло документа наступний код, то, відкривши сторінку в браузері, буде видно, як змінюється розмір тексту залежно від встановленого значення.

<font size=”1″>Розмір шрифту 1</font>

<font size=”2″>Розмір шрифту 2</font>

<font size=”3″>Розмір шрифту 3</font>

<font size=”4″>Розмір шрифту 4</font>

<font size=”5″>Розмір шрифту 5</font>

<font size=”6″>Розмір шрифту 6</font>

<font size=”7″>Розмір шрифту 7</font>

Крім абсолютних числових значень можуть використовуватися, в тому числі, і відносні. Для цього також використовується даний тег. Розмір шрифту html, як зазначалося вище, за умовчанням, прийнятий 3, тому, відштовхуючись від цього, можна додавати або віднімати цілі числові значення, щоб отримати бажаний результат. Ось так це виглядає:

<p><font size=”+3″>Тут розташовується текст</font></p>

При вказаному значенні розмір шрифту буде відповідати значенню 6. Можна перевірити в браузері, як це працює, і поекспериментувати з різними комбінаціями числових значень.

За допомогою тега <font> можна видозмінювати розмір і колір шрифту в html. Для того щоб змінити колір, використовується атрибут color і шістнадцятковий код кольору.

Для внесення необхідних змін атрибути йдуть по порядку один за одним в тілі одного тега <font>, розділяти їх якимись знаками пунктуації не потрібно.