Урок 2.7: Внешний вид текста

В языке HTML существует возможность изменять вид текста по следующим критериям: цвет, размер, шрифт. Для этого используют тег <font> с параметрами: face, size, color.

Изменение шрифта

Для изменения шрифта текста у тега <font> есть атрибут face

Пример

<html>   <head>   <title>Выделение текста</title>  </head>  <body>   Следующий текст будет  <br />   <font face="Arial">со шрифтом Arial</font>  </body> </html>

Результат

Шрифт текста

Так же можно установить несколько шрифтов:

<html>  <head>   <title>Выделение текста</title>  </head>  <body>   Следующий текст будет <br />   <font face="Arial, Tahoma, Verdana">со шрифтом Arial</font>  </body> </html>

Все эти шрифты расположены друг за другом через запятую. Но использоватся будет первый в списке шрифт - у нас Arial. Это свойтсво необходимо для того, чтобы если у пользователя, просматривающего вашу страницу, нет такого шрифта - то будет использован следующий по списку. Но если нет ни одного из перечисленных, то будет отображатся шрифт по умолчанию.

Цвет текста

Что бы поменять цвет текста существует атрибут color

<html>  <head>   <title>Выделение текста</title>  </head>  <body>   Следующий текст будет <br />   <font color="red">красного цвета</font>  </body> </html>

Цвет текста

В языке HTML есть несколько способов указания цвета. Один из них - латинскими названиями цветов: red, blue, green и т.д.

Второй вариант, он наиболее предпочтительный, указание цвета в шестнадцатиричной системе исчисления.

Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами.

0 1 2 3 4 5 6 7 8 9 A B C D E F
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999.

Пример цвета в шестнадцатеричной системе

<font color="#ff0000">

Размер шрифта

Для указания размера шрифта существует атрибут size, с параметрами от 1 до 7. Где 1 - самый маленький размер, а 7 - самый большой размер.

Пример

<html>  <head>   <title>Выделение текста</title>  </head>  <body>   Следующий текст будет <br />   <font size="6">большего размера</font>  </body> </html>

Результат

Шрифт текста

Примечание.

Для изменения внешнего вида текста правильней использовать каскадные таблицы стилей (CSS). Во первых код HTML будет содержать меньше символов, а значит меньше будет весить. А во вторых вынесенные стили в отдельный файл проще редактировать, изменяя внешний вид для всего сайта.

В настоящее время HTML используют только для логической разметки текста, а внешний вид задают с помощью каскадных таблиц стилей (CSS).

<< Нумерованный список | Перечень уроков | Вставка изображения >>