Форматирование шрифта

ЗАДАНИЕ. Настроим различные параметры шрифта.

Откройте 1.htm в Блокноте. Между <body>..</body> всё удалите и введите:

<html> <head> <title>Пример 6 </title> </head> <body> <base font size="5"color="brown"> <p>Шрифт по умолчанию коричневый</p> <font size="-2" face="arial" color="green"> <p>Шрифт зеленый</p> </font> <p> <B>Полужирный.</B> <I>Курсив.</I> <U>Подчеркнутый.</U> <S>Вычеркивание.</S> <sub>Нижний индекс.</sub> <sup>Верхний индекс.</sup> <p> <p> <em>Выделение. <strong>Сильное выделение. <code>Текст программы. <kbd>Клавиатурный ввод. </body> </html>

- Сохраните документ под именем шрифт.htm.

- Откройте в браузере Internet Explorer файл шрифт.htm

- Установите, как настраивают шрифт применённые тэги. Поясним:

< basefont > – этот тэг задаёт шрифт по умолчанию, причем увеличенный шрифт. После тега указывают атрибуты шрифта по умолчанию:

size - задаёт размер шрифта по умолчанию (например, size ="5")

color - задаёт цвет шрифта (например, коричневый colo r=" brown ").

< font >..</ font > - заключенный между этими тэгами шрифт приобретает параметры (размер, гарнитуру, цвет), указанные после тега <font> атрибутами:

size - размер шрифта (например size="-2"), face - гарнитура шрифта (например face =" arial "), colo r - цвет шрифта (напр., зеленый color =" green ").

Начертание шрифта задают парные теги: < В >..</ В > - полужирный шрифт, < I >..</ I > – курсив, < U >..</ U > – подчеркивание, < S >..< S > – вычеркивание, < sub >..</ sub > – нижний индекс, < sup >..</ sup > – верхний индекс.

Оформление шрифта задают теги:
< еm > (выделение), < strong > (сильное выделение), < code > (текст программы), < kbd > (клавиатурный ввод), < samp > (пример вывода).

Браузер при выводе html-файла на экран преобразует его текст – игнорирует лишние пробелы, символы конца строки. Но если хотите, чтоб на экране текст выглядел так, как вы его ввели в html-документ, используйте тэг предварительного форматирования < pre > (текст должен находиться между тэгами < pre >.. </ pre >). С помощью него удобно делать и таблицы.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: