Теги, применяемые для форматирования шрифта. Блочные элементы оформления текста — заголовки -, абзац. H2O - это формула воды

Доброго времени суток, уважаемые подписчики.

Этот урок мы посветим форматированию текста в html . Рассмотрим, какие теги для этого применяются.

Сразу оговорюсь, что многие из них являются достаточно специфическими, их можно "обойти", используя каскадные таблицы стилей (css).

Поэтому заострять внимание на них мы не будем. Просто посмотрим их работу, чтобы Вы знали, что такие возможности в языке HTML присутствуют.

Итак, начнем.

Для того чтобы нам было проще работать, скачаем архив lesson2.zip по прямой ссылке:

Возьмем из высланного Вам архива файл "Лис и лошадь.doc" и откроем его с помощью программы word. Там две сказки известных авторов Братья Гримм.

Затем откроем блокнот и сделаем в нем заголовок как в прошлом уроке или просто скопируем из предыдущего урока.

Верю, что да.

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

Сохраняем нашу заготовку под именем lesson2.html и открываем с помощью браузера (например, opera).

Мы видим, что текст идет без заголовков, без абзацев, без отступов.

Вот теперь и займемся непосредственным форматированием текста в языке HTML.

Для выделения заголовков используются теги

текст

текст

текcт

Цифры после буквы H в теге применяются от 1 до 6.

1 – самый крупный заголовок, 6 – самый маленький заголовок.

Давайте теперь найдем в нашем файле названия сказок и заключим их в теги

…

.

XHTML

Лис и лошадь

Лис и кошка

У тега

есть параметр align со значением Left — по левому краю, right — по правому и center — по центру.

Давайте выровняем заголовок по центру. Для этого пропишем:

XHTML

Аналогично и второй заголовок.

Сохраняем и смотрим в браузер.

Заголовки стали по центру.

Для упрощения работы можно одновременно держать открытыми код страницы в блокноте и браузере.

А после изменений в коде файл сохранять, а в браузере нажать кнопку обновить (или F5).

Самостоятельно попробуйте разные значения тега текст . И разные значения align . Выберите любой Вам понравившейся.

Теперь разобьем наш текст на абзацы.

Тег, который это делает —

текст абзаца

.

Для этого находим начало абзацев и ставим там тег

, а в конце абзаца закрываем его

.

Сохраняем исходный файл с кодом (ctrl+s), в браузере жмем кнопку "обновить" и смотрим, что получилось.

У тега

есть параметр align с такими же значениями, что и у тегов — left, right, center . Его работа абсолютно такая же как и у тега .

На абзацы и заголовки текст мы разбили. Теперь идем непосредственно по тексту.

Текст можно сделать жирным. При помощи тега или (кстати, это закрывающиеся теги. Рекомендуется ).

Курсив — или , подчеркнутый , моноширинный или .

Попробуйте заключить разные участки текста в разные теги. И не забывайте их закрывать.

Например:

XHTML

любой текст из сказки ………………………….. …………………………. ……………………..

Для изменения размера, цвета и шрифта отдельного участка текста используйте тег , его параметры:

fаce="arial" – указывает названия шрифта.

size="3" — размер (значения от 1 до 7).

color="******" – цвет шрифта.

****** — определенный код шрифта (например, 000000 – это черный).

Давайте выделим фрагмент текста крупным красным шрифтом. Сделать это можно следующим образом:

XHTML

фрагмент текста сказки

фрагмент текста сказки

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

Следующую группу тегов (исходя из своего опыта) используют довольно редко, поэтому подробно рассматривать их мы не будем. Включил я их в данный урок, чтобы показать возможности языка, и вдруг вам они когда-нибудь понадобятся. Чтобы вы знали, что такие возможности существуют.

Работу этих тегов, предлагаю рассмотреть самостоятельно, как раз будет для вас полезное упражнение.

Итак, теги:

— подиндексы (H 2 O)

— надиндекс (4 5)

— увеличивает шрифт на 1

— уменьшает шрифт на 1

— цитаты, отображаются курсивом

— программный код отображается моноширинным шрифтом

— выделенный текст отображается курсивом

— выделенный текст отображается жирным шрифтом, рекомендуется вместо

---

— горизонтальная линия. У этого тэга есть такие параметры, как:

align=center(left, right) -выравнивание, с этим параметром мы знакомы из других тегов

width="число" — длина линии по горизонтали, задается в пикселях или в процентах относительно размеров экрана

size"число" — толщина линии (меньше 100 пикселей, т.е. если задать параметр size=99 , a параметр width=1 , то получим вертикальную линию, только с ограниченной высотой)

color="цвет" -цвет линии

noshade — отменяет рельефность

Давайте отделим наши две сказки линией красного цвета с шириной равной ширине экрана. Для этого перед началом второй сказки напишем:

XHTML

---

Поэкспериментируйте с набором и значениями параметров этого тега.

Есть еще один интересный тег, но поддерживается он только браузером Internet Explorer. Честно говоря мне его на практике использовать не приходилось.

Подсвеченный участок текста;
- жирный шрифт;
- курсив, наклонный шрифт;
- зачеркнутый текст;
- текст меньшего размера;
- верхний индекс;
- нижний индекс;
- предварительно отформатированный текст;
- термин;
- заголовки;
- короткая внутристрочная цитата;
- цитата;
- сноска на название материала;
- программный код;
- результат вывода компьютерной программы;
- клавиатурный ввод;
- переменная компьютерной программы.

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

Теги выделения фрагментов текста

Тег используется для выделения важных участков текста. Браузеры обычно отображают текст внутри тега жирным шрифтом. - тег логического выделения. Используя его, вы указываете на важность текста в выделенной области.

Важный фрагмент текста

Тег используется для акцентирования внимания, "подчеркивания" фрагмента текста. Браузеры обычно отображают текст внутри тега курсивом. - тег логического выделения.

Акцентированный фрагмент

Тег используется для подсветки фрагмента текста.

Подсвеченный фрагмент

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

Текст жирным шрифтом

Тег используется для написания текста курсивом. Используйте тег только если характер выделения не подходит под другой тег форматирования текста по смыслу.

Текст курсивом

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

Перечеркнутый текст

Тег используется для написания текста шрифтом меньшего размера.

Текст меньшего размера

Тег используется для создания текста нижнего индекса.

_{Текст нижнего индекса}

Тег используется для создания текста верхнего индекса.

^{Текст верхнего индекса}

Тег указывает, что текст внутри должен быть выведен в том формате, в котором он был написан в редакторе: с учетом количества пробелов между словами и сохранением позиции строк.

Предварительно отформатированный текст

Теги устанавливающие суть содержимого

Теги указывают, что содержимое является заголовком (подзаголовком).

- заголовок наиболее высокого уровня,

- наименьшего. Заголовки определяют структуру текста HTML документа. Браузера обычно выделяют заголовки размером шрифта, в зависимости от уровня заголовка.

Заголовок

Тег указывает, что содержимое является термином. Браузеры обычно выводят содержимое тега курсивом.

Термин

Тег используется для указания на короткий процитированный участок внутри строки текста. Браузеры обычно выводят содержимое тега в кавычках.

Короткая цитата

Тег моноширинным шрифтом.

Результат вывода компьютерной программы

Тег указывает, что содержимое является клавиатурным вводом. Браузеры обычно отображают текст внутри тега моноширинным шрифтом.

Клавиатурный ввод

Тег указывает, что содержимое является переменной компьютерной программы. Браузеры обычно отображают текст внутри тега курсивом.

Переменная компьютерной программы

Указую господам сенаторам, чтобы речь держать не по-писаному,
а своими словами, дабы дурь была видна каждого!
Пётр Первый.

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

Д опустим, ты набрал текст в редакторе, произвел его форматирование (выделил какие-то слова жирным или курсивом ), либо сделал с ним что-то ещё. Затем скопировал и вставил текст в свой html-код. Открываешь html-страницу в , а всё твоё форматирование куда-то исчезло. Происходит это потому, что текстовый редактор для форматирования текста применяет свои спецсимволы (по сути те же теги, только используются в текстовых редакторах), которые ты по умолчанию не видишь.

В окне редактора ты видишь только текст. А на самом деле там есть ещё управляющие спецсимволы, с помощью которых редактор «понимает», как ему отображать тот или иной кусок текста. Т. е., повторюсь, это то же самое, что и , только «заточенные» под использование в текстовых редакторах.

Н о, не смотря на это, существует способ перенести текст из редактора и вставить его в html-код в исходном виде. И раз уж об этом зашла речь, то форматирование текста и начнем изучать с этого тега. Итак, приступим.

§ 2. Сами теги для форматирования

П редварительно отформатированный текст можно вставить в html-страницу с помощью тегов и . Браузер покажет текст, заключенный между этими тегами в том виде, в каком он был в текстовом редакторе. Я, если честно, ни разу не использовал этот тег на практике, поэтому что-то ещё про него сказать не могу.

С амыми популярными тегами для форматирования текста являются:

• - используется для выделения текста полужирным .


• - используется для получения курсивного текста. Вместо этого тега рекомендуется использовать тег .


• - позволит подчеркнуть текст. Тут главное, чтобы пользователь не перепутал подчёркнутый текст с ссылкой.


• - делает текст перечёркнутым.


• - предназначен для выделения подстрочного текста (нижний индекс). Этот тег может быть полезен, например, для записи химических формул. Вот этот код

  H2 O

  Даст нам вот такую формулу



• - нужен для выделения надстрочного текста (верхнего индекса). Например, для записи возведения в степень: пишем

  (a+b)2 ,

  Получаем

  (a+b) 2 .

В се эти теги для форматирования текста можно использовать как по одному, так и несколько вместе. Достигается это путем вложения тегов друг в друга. Например, следующий html-код:

H2O - это формула воды.

при просмотре

H 2 O - это формула воды.

§ 3. Абзацы

В HTML абзацы создаются с помощью тега . Использование этого тега приводит к вставке одной пустой строки и размещению находящегося за ним видимого элемента html-страницы в следующей строке. Например, если мы напишем:

Т о выглядеть это будет так:

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

§ 4. Выравнивание текста

Д ля того, чтобы выровнять текст используется атрибут align с возможными значениями center, left, right и justify . Он, соответственно, выравнивает текст по центру, по левому краю, по правому краю и одновременно по двум краям сразу. Например, html-код:

align="center">Текст по центру

выровняет текст по центру:

Текст по центру

А этот код:

right">

выровняет текст по правому краю

Выравнивание текста по правому краю

Е сли атрибут align не используется, то текст будет выровнен по левому краю. Это происходит по умолчанию. Пример, код:

выровнит текст по левому краю

По умолчанию текст выравнивается по левому краю

§ 5. Перенос строки и горизонтальная черта

Е сли нужно обеспечить переход на новую строку без вставки пустой строки (это происходит, когда ты в текстовом редакторе нажимаешь Enter), то используется тег
. Например, html-код

1. Первая строка.
2. Вторая строка.

в браузере будет выглядеть так:

1. Первая строка.
2. Вторая строка.

У
нет закрывающего тега. Ты уже наверное догадался, что для вставки нескольких пустых строк, нужно записать тег
несколько раз подряд.

В изуально разделить части текста можно ещё при помощи тега . Этот тег создает на странице разделительную полосу (например, как зелёная в начале этой статьи). Тег имеет следующие атрибуты:

• size - толщина полосы;


• width - ширина полосы;


• align - выравнивание;


• color - цвет полосы;


• noshade - атрибут, не имеющий значений. Если указан, то создается сплошная чёрная полоса без тени.

Н апример, html-код:

align="center" size="5" width="50%" color="#3399ff">

в браузере примет вид

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

§ 6. Заголовки

Д ля задания названий разделов и подразделов в HTML используются теги заголовков . Существуют шесть уровней заголовков и обозначаются они так:

• - заголовок первого уровня


• - заголовок второго уровня


• - заголовок третьего уровня


• - заголовок четвёртого уровня


• - заголовок пятого уровня


• - заголовок шестого уровня

З аголовки выделяются полужирным шрифтом и отделяются от остального текста пустой строкой. Самый крупный заголовок (им выделено название этого урока), а самый маленький . Теги заголовков имеют атрибуты:

• align - выравнивание текста заголовка на странице (значения те же, что и для выравнивания обычного текста);


• title - всплывающая подсказка, которая появляется при наведении мыши на заголовок.

Н апример, код HTML:

align="center" title="Всплывающая подсказка. Чтобы увидеть, наведи мышь на заголовок.">Заголовок 4 уровня

в браузере будет выглядеть так:

Заголовок 4 уровня

§ 7. Работа со шрифтами

Д ля форматирования непосредственно шрифтов, в HTML есть тег . У этого тега существуют следующие атрибуты:

• color - цвет текста шрифта;


• face - гарнитура шрифта;


• size - размер текста шрифта. Может быть задан абсолютным (от 1 до 6) либо относительным значением (от +1 до +6 и от -1 до -6). По-умолчанию, размер текста 3. Если указать size="+1"

>, то текст, размещённый между тегами и , будет отображаться увеличенным на 1 по сравнению с другим текстом. Аналогично и с -1.

§ 8. Создание списков в HTML

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

В нумерованном списке маркеры (значения атрибута type) такие:

• 1 - нумерация арабскими цифрами (по умолчанию);


• A - большими латинскими буквами по алфавиту;


• a - маленькими латинскими буквами;


• I - большими римскими цифрами;


• i - маленькими римскими цифрами.

Н апример, HTML-код

Первый элемент.
Второй элемент.
Третий элемент.

браузер покажет так.

Здравствуйте, уважаемые друзья! Ну, что вы готовы продолжать изучение нелегкого с первого взгляда языка HTML. Думаю, что «да».

Потому что в итоге, после нескольких уроков по изучению основ построения сайта своими руками, вы начинаете ориентироваться в этом непростом лабиринте знаков, тегов, атрибутов и так далее.

Материал сегодняшней темы я посвятил очень важному элементу оформлению текстов — html теги форматирования текста.

Совсем недавно мы познакомились с тем, как при создании сайта необходимо использовать . Cегодня мы подробно рассмотрим, каким образом нужно проводить форматирование и редактирование текста в html.

HTML форматирование текста, нам обязательно понадобится, именно тогда, когда вы на собственном сайте, постараетесь обратить внимание своих пользователей на какие-либо важные моменты.

Что-то подчеркнуть, выделить, исправить, в конце концов. То есть, вариантов использования html тегов форматирования текстов масса, и в любом случае они вам будут нужны. Вернее, умение пользоваться тегами html.

Напомню вам о том, что такое HTML теги. Теги - это специальные пометки в html разметке документа, которыми обозначается начало и конец элементов html документа.

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

Сегодня мы с вами рассмотрим основные html теги форматирования текста, при помощи которых производится создание и редактирование текста в html.

Теги форматирования текста в html документе: классификация

HTML теги разделения на абзац и переноса строк

HTML теги абзаца в тексте парные , но закрывающий тег не является обязательным. Для того, чтобы сделать в html новый абзац, достаточно поместить перед началом абзаца

В этом случае абзацы текста будут разделены между собой пустой строкой.

Тег принудительного перевода строк
. После него текст начинается с новой строки.

Посмотрим пример html кода форматирования текста по абзацам и выравнивания по сторонам.

А вот так, этот html документ будет выглядеть в браузере

HTML теги для выделения текста курсивом

Эта группа тегов является парной.

Теги применяются при логическом выделении названий: книги, статьи, цитирование.

Тегами выделяются какие-либо определения. Тегами и , как правило, выделяются наиболее важные фрагменты в тексте.

Пример html кода для выделения текстов курсивом

В браузере наш текст будет выглядеть следующим образом.

Теги, отвечающие за жирный шрифт html

Теги и , также являются парными тегами. Оба тега используются одинаково, но специалисты рекомендуют применять тег .

В html документе это будет выглядеть следующим образом

И, соответственно, в браузере вы увидите текст, выделенный жирным шрифтом.

Теги, отвечающие за подчеркивание текста html

Они как и теги жирного шрифта, являются парными. Теги и , и вновь специалисты рекомендуют для подчеркивания текста использовать один из тегов, а именно:

Пример html кода для подчеркнутого текста

Вот, как выглядит конечный результат в браузере.

HTML теги для создания моноширного шрифта

Напомню вам, что моноширный шрифт - это вид шрифта, у которого все знаки одинаковой ширины.

Для форматирования в html документе моноширного шрифта применяются парные теги: ; и

Рассмотрим форматирование моноширного текста на примере:

И, соответственно в вашем браузере будет наблюдаться следующая картинка

Теги для вывода индексов (верхних и нижних) в тексте

Для вывода различных математических, физических или химических значений и формул, очень часто мы сталкиваемся с необходимостью указания индекса, например, формула воды H 2 O. И, если в редакторе Word нам в помощь панель инструментов, то при составлении текстового html документа потребуются теги форматирования.

Тегами мы выведем индекс шрифтом меньшего размера и ниже уровня строки. Тегами мы выведем индекс шрифтом меньшего размера, наоборот, выше уровня строки.

Например, код:

Вывод на экране браузера

Тег html font и его основные параметры

Теги являются парными и в них заключаются основные параметры html шрифта текста:

Название шрифта: face. Названий может применяться, через запятую, несколько. При этом, если указанный по порядку шрифт не найден на ПК пользователя, браузер осуществляет поиск следующего.

Размер шрифта : size. Указывается от одного до 7-ми в условных единицах. HTML шрифт текста по умолчанию равен 3.

Цвет шрифта в html : color. По умолчанию всегда чёрный. Для ввода цвета шрифта в html документ, существует два варианта:

• По имени (названию) цвета. Например: color=»blaсk» - черный цвет.
• По коду (шестнадцатеричный код цвета). Код начинается с символа «#» и включает в себя шесть цифр, например: #000000 - черный цвет.

Таблица цветов html и кодов, как пример, вот здесь: goo.gl/1i4vZ. Вы можете набрать в поисковике запрос «таблицы цветов html» и выбрать таблицу, которая вам понравится.

Пример применения тега html font

Следующий текст мы видим в окне браузера, и радуемся тому, что у нас всё получилось.

Как совместно использовать html теги форматирования текста

Ну, вот, например, понадобилось вам создать текст жирным красным курсивом . Для этой операции мы должны попробовать применить теги форматирования: strong, font и em.

А как это сделать? Первое важное условие совместного использования тегов форматирования - соблюдение порядка вложенности html тегов. Открытый первым тег, закрывается последним.

Пример последовательности:

• Текст выделяем красным
• Помещаем текст в тег html курсива
• И, наконец, всё заключаем в теги жирного шрифта

В итоге, в окне браузера мы видим то, что сделали

На этом, пожалуй, и закончим работу с основными html тегами форматирования текста html документов. Надеюсь, что вам теперь понятен метод работы с тегами html и этот материал не окажется лишним, при создании вами своего сайта.

27.11.14 88.7K

В html размер шрифта играет важную роль. Он позволяет обратить внимание пользователя на важную информацию, размещенную на странице сайта. Хотя важен не только размер букв, но и их цвет, толщина и даже семейство.

Теги и атрибуты при роботе со шрифтами html

Язык гипертекста обладает большим набором средств для работы со шрифтами. Ведь именно форматирование текста является основной задачей html .

Причиной создания языка HTML стала проблема отображения правил форматирования текста браузерами.

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

• color – устанавливает цвет текста;
• size – размер шрифта в условных единицах.

Поддерживается положительное значение атрибута от 1 до 7.

• face – используется для установки семейства шрифтов текста, которые будут использованы внутри тега . Поддерживается сразу несколько значений перечисленных через запятую.

Форматируется только тот текст, который расположен между частями парного тега font. Остальной текст отображается стандартным шрифтом, установленным по умолчанию.

Также в html существует ряд парных тегов, задающих лишь одно правило форматирования. К ним относятся:

• — задает в html жирный шрифт. Тег по действию аналогичный предыдущему;
• — размер больше установленного по умолчанию;
• — меньший размер шрифта;
• — наклонный текст (курсив ). Аналогичный ему тег ;
• — текст с подчеркиванием;
• — зачеркнутый;
• _{— отображение текста только в нижнем регистре;}
• ^{— в верхнем регистре.}

Обычный текст

Жирный текст

Жирный текст

Больше обычного

Меньше обычного

Курсив

Курсив

С подчеркиванием

Зачеркнутый

Возможности атрибута style

Кроме описанных тегов существует еще несколько способов, как изменить шрифт в html . Одним из них является применение универсального атрибута style . С помощью значений его свойств можно задавать стиль отображения шрифтов:

1) font-family – свойство устанавливает семейство шрифта. Возможно перечисление нескольких значений.
Изменение шрифта в html на следующее значение произойдет, если предыдущее семейство не установлено в операционной системе пользователя .

Синтаксис написания:

font-family: имя шрифта [, имя шрифта[, ...]]

2) font-size – задается размер от 1 до 7. Это один из основных способов того, как в html можно увеличить шрифт.
Синтаксис написания:

font-size: абсолютный размер | относительный размер | значение | проценты | inherit

Размер шрифта можно также задать:

• В пикселях;
• В абсолютном значении (xx-small, x-small, small, medium, large );
• В процентах;
• В пунктах (pt ).

Font-size:7

Font-size:24px

Font-size: x-large

Font-size: 200%

Font-size:24pt

3) font-style – устанавливает стиль написания шрифта. Синтаксис:

font-style: normal | italic | oblique | inherit

Значения:

• normal –нормальное написание;
• italic – курсив;
• oblique – шрифт с наклоном вправо;
• inherit – наследует написание родительского элемента.

Пример того, как поменять шрифт в html с помощью этого свойства:

font-style:inherit

font-style:italic

font-style:normal

font-style:oblique

4) font-variant – переводит все прописные буквы в заглавные. Синтаксис:

font-variant: normal | small-caps | inherit

Пример того, как изменить шрифт в html этим свойством:

font-variant:inherit

font-variant:normal

font-variant:small-caps

5) font-weight – позволяет установить толщину написание текста (насыщенность ). Синтаксис:

font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

Значения:

• bold – устанавливает полужирный шрифт html;
• bolder – жирнее относительно normal;
• lighter –менее насыщенное относительно normal;
• normal – нормальное написание;
• 100-900 – задается толщина шрифта в числовом эквиваленте.

font-weight:bold

font-weight:bolder

font-weight:lighter

font-weight:normal

font-weight:900

font-weight:100

Свойство font и цвет шрифта html

Font является еще одним контейнерным свойством. Внутри себя оно объединило значения нескольких свойств, предназначенных для изменения шрифтов. Синтаксис font :

font: font-size font-family | inherit

Также в качестве значения могут быть заданы шрифты, используемые системой в надписях на различных элементах управления:

• caption – для кнопок;
• icon – для иконок;
• menu – меню;
• message-box –для диалоговых окон;
• small-caption – для небольших элементов управления;
• status-bar – шрифт строки состояния.

font:icon

font:caption

font:menu

font:message-box

small-caption

font:status-bar

Times New Roman", Times, serif">font:italic 50px bold "Times New Roman", Times, serif