Форматирование текста. Шрифты: гарнитура, размер, цвет

• Шрифты: гарнитура, размер, цвет
• Оформление текста
• Заголовки
• Теги переноса строки и форматирования абзаца
• Выравнивание текста
• Упражнение

Шрифты: гарнитура, размер, цвет

При помощи HTML-разметки можно написать текст разного начертания (гарнитуры), размера и цвета. Для этого используется тег < font>, имеющий несколько параметров:

• face – для задания гарнитуры,
• size – для задания размера,
• color – для задания цвета.

Чтобы задать нужный шрифт, размер или цвет, необходимо соответствующему параметру присвоить нужное значение:

параметр=" значение"

Гарнитура

Например, чтобы написать текст шрифтом Times New Roman, необходимо вставить перед нужным текстом тег < font> и присвоить его параметру face значение Times New Roman, а т.к. тег < font> – парный, то после необходимого текста обязательно нужно вставить закрывающий тег:

< font face=" Times New Roman" > Текст с начертанием Times New Roman< /font>

В результате браузер отобразит эту строчку так:

Текст с начертанием Times New Roman

Параметру face можно присвоить несколько значений через запятую:

face=" Times New Roman, Times, serif"

В таком случае, браузер сначала попытается отобразить текст шрифтом Times New Roman. Если такой шрифт отсутствует на компьютере пользователя, то браузер попытается отобразить текст шрифтом Times и т.д.

Размер

Чтобы написать текст размером 4, необходимо вставить перед нужным текстом тег и присвоить его параметру size значение 4:

< font size=" 4" > Текст размера 4< /font>

В результате браузер отобразит эту строчку так:

Текст размера 4

Что же означает эта загадочная цифра 4? Параметр size может принимать значения от 1 до 7. Это условные единицы. Средний размер, используемый по умолчанию, соответствует size=" 3".

Следовательно, размер текста 4 – это средний размер, увеличенный на 1 условную единицу, а размер 2 - это средний размер, уменьшенный на 1 условную единицу и т.д. Величина текста, заданная таким способом, называется абсолютной.

Но есть и другой способ уменьшить или увеличить размер текста относительно размера по умолчанию. Для этого нужно присвоить параметру size значение " -1" или " +1" соответственно. При таком способе задания размера величина текста называется относительной.

Итак, чтобы получить размер текста 5, можно воспользоваться двумя способами:

< font size=" 5" > Текст размера 5< /font> или < font size=" +2" > Текст размера 5< /font>

Помимо перечисленных существует еще несколько способов задать размер текста.

Увеличить текст можно с помощью тега < big>:

< big> Увеличенный текст< /big>

В результате браузер отобразит эту строчку так:

Увеличенный текст

Уменьшить текст можно с помощью тега < small>:

< small> Уменьшенный текст< /small>

В результате браузер отобразит эту строчку так:

Уменьшенный текст

Теги < small> и < big> можно повторить несколько раз для усиления эффекта. Например, если в результате строки:

< big> Большой текст< /big>

текст недостаточно велик:

Большой текст

можно написать так:

< big> < big> Большой текст< /big> < /big>

И в результате получится больший текст:

Большой текст

Цвет

Теперь о задании цвета текста. Чтобы написать текст красным цветом, необходимо вставить перед нужным текстом тег < font> и присвоить его параметру color значение red:

< font color=" red" > Красный текст< /font>

В результате браузер отобразит эту строчку так:

Красный текст

Но цвет можно задать не только по названию, но и по цифровому значению в шестнадцатеричном формате, который выглядит как знак # и 6 символов (цифры 0-9 и буквы латинского алфавита A-F) после него. Например, красному цвету соответствует шестнадцатеричное значение #FF0000. Т.е. написать текст красным цветом можно двумя способами:

< font color=" red" > Красный текст< /font> или < font color=" #FF0000" > Красный текст< /font>

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