HTML – шрифтовое форматирование текста.

Текст в документе HTML можно изменять как угодно, пожалуй начнем со шрифтов.

Может вы помните, как можно придать тексту другой вид с помощью шрифтов в Word-е?

В документе HTML все немного посложнее.

Для форматирования текста шрифтов нужно внести такой тег:

<font face="Arial, Helvetica, sans-serif">

для наглядности примера, вносим все это хозяйство в нашу уже созданную HTML страницу.

Ищем файл index.html на своем жестком диске, наводим на него курсор мыши, щелкаем правую кнопку, мыши, в открывшемся меню находим надпись «Открыть с помощью», далее видим Блокнот, переводим курсор по меню, наводим его на надпись Блокнот и щелкаем... как вы думаете чем? Конечно, правой кнопкой мыши.

Затем в строку

<p>Текстовая строка</p>

вносим изменения

<p><font face="Arial, Helvetica, sans-serif">Текстовая строка</font></p>

и получаем вот такую надпись

Текстовая строка

ничего не изменилось? Бывает :) Браузеры. По умоляанию форматируют все не обозначенные тексты шрифтом Arial, поэтому и ничего не изменилось

давайте сделаем вторую текстовую строку, с другим шрифтом, например с Georgia

<p><font face="Georgia, Times New Roman, Times, serif">Текстовая строка</font></p>

и получим:

Текстовая строка

почему же так много шрифтов, справедливо спросите вы, а потому, что перечисление шрифтов идет для подстраховки, например у посетителя вашей первой страницы HTML не установлен в системе (на его компьютере) шрифт Georgia, что же делать бедному браузеру? Но выход есть! После шрифта Georgia через запятую стоит название шрифта Times New Roman и счастливый браузер сразу кинется выискивать в системе посетителя этот шрифт и найдя его, отформатирует текст. Но может быть и такое, что Times New Roman и Times напрочь отсутствуют в системе посетителя, думаете браузер уйдет в ступор? Не тут то было! В самом конце перечисления названий шрифтов идет, такое незаметное слово serif, оно хоть и маленькое, но значит много. Браузер, не найдя ни одного шрифта соответствующего названиям, обращает внимание на это слово, которое вытягивает на свет белый все шрифты имеющие внутри себя это маленькое слово serif, то есть serif объединяет набор шрифтов в семейство и браузер форматирует первым более менее подходящим шрифтом семейства serif. Но может быть и такое, что даже семейства шрифтов напрочь нету в системе пользователя, думаете браузер сразу сильно задумается? Нет, браузер долго думать не будет и отформатирует текст шрифтом по умолчанию, то есть Arial-ом.

Еще добавим строчки с разными шрифтами, для наглядности:

<p><font face="Verdana, Geneva, sans-serif">Текстовая строка</font></p>
<p><font face="Courier New, Courier, monospace">Текстовая строка</font></p>
<p><font face="Tahoma, Geneva, sans-serif">Текстовая строка</font></p>

заметили как меняется наша текстовая запись?

Приведу весь код нашего документа HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Страница HTML</title>
 </head>
 <body>
  <h1>Заголовок страницы</h1>
  <p>Текстовая строка</p>
  <p><font face="Arial, Helvetica, sans-serif">Текстовая строка</font></p>
  <p><font face="Georgia, Times New Roman, Times, serif">Текстовая строка</font></p>
  <p><font face="Verdana, Geneva, sans-serif">Текстовая строка</font></p>
  <p><font face="Courier New, Courier, monospace">Текстовая строка</font></p>
  <p><font face="Tahoma, Geneva, sans-serif">Текстовая строка</font></p>
 </body>
</html>

Жмем кнопку Файл — Сохранить, открываем наш файл браузером и любуемся на разные текстовые надписи :)