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

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

Откройте 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; просмотров: 420; ЗАКАЗАТЬ НАПИСАНИЕ РАБОТЫ


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию, введите в поисковое поле ключевые слова и изучайте нужную вам информацию.

Поделитесь с друзьями:

Если вам понравился данный ресурс вы можете рассказать о нем друзьям. Сделать это можно через соц. кнопки выше.
helpiks.org - Хелпикс.Орг - 2014-2019 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.006 сек.