Форматирование шрифта
ЗАДАНИЕ. Настроим различные параметры шрифта.
Откройте 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 - задаёт цвет шрифта (например, коричневый color="brown").
<font>..</font> - заключенный между этими тэгами шрифт приобретает параметры (размер, гарнитуру, цвет), указанные после тега <font> атрибутами:
size - размер шрифта (например size="-2"), face - гарнитура шрифта (например face="arial"), color - цвет шрифта (напр., зеленый color="green").
Начертание шрифта задают парные теги: <В>..</В> - полужирный шрифт, <I>..</I> – курсив, <U>..</U> – подчеркивание, <S>..<S> – вычеркивание, <sub>..</sub> – нижний индекс, <sup>..</sup> – верхний индекс.
Оформление шрифта задают теги:
<еm> (выделение), <strong> (сильное выделение), <code> (текст программы), <kbd> (клавиатурный ввод), <samp> (пример вывода).
Браузер при выводе html-файла на экран преобразует его текст – игнорирует лишние пробелы, символы конца строки. Но если хотите, чтоб на экране текст выглядел так, как вы его ввели в html-документ, используйте тэг предварительного форматирования<pre> (текст должен находиться между тэгами <pre>.. </pre>). С помощью него удобно делать и таблицы.
Дата добавления: 2015-02-23; просмотров: 878;