Тема: Гарнитура, размер и цвет шрифта
Для задания размера, цвета и гарнитуры шрифта служит тег <FОNТ>. Этот парный тег влияет на весь текст, заключенный между открывающим и закрывающим тегами. Тег <FОNТ> должен иметь хотя бы один из трех возможных атрибутов: SIZE=; СОLOR= ; FАСЕ= .
1. Атрибут SIZE = задает размер шрифта. Предполагается, что возможны семь заранее заданных размеров шрифта (от 1 до 7). Эти значения не соответствуют каким-либо единицам измерения, но чем больше значение, тем крупнее шрифт.
По умолчанию используется значение 3.
Пример 1
Раскроем окно текстового редактора «Блокнот» и напишем в нем текст HTML- программы.
<HTML>
<HEAD>
<TITLE>Функциональные разделы документа</TITLE>
</HEAD>
<BODY>
<p>и
<font SIZE=+1>з</font><font SIZE=+2>м</font>
<font SIZE=+3>е</font><font SIZE=+4>н</font>
<font SIZE=+3>е</font><font SIZE=+2>н</font>
<font SIZE=+1>и</font>
е</p>
</Body>
</HTML>
Сохраните этот документ в папке вашей группы с именем PROBA_5.HTML. Просмотрите в браузере.
2. Атрибут СОLOR = задает цвет шрифта, который может быть задан либо ключевым словом (например, RED — красный), либо шестнадцатеричным значением в системе RGB (например, #FFОООО — это тоже красный). Первые два разряда задают интенсивность красного цвета, вторые зеленого, третьи – синего. Значение яркости можно менять от минимальной 00 до максимальной FF. В таблице приведены примеры некоторых цветов.
|
Цвет |
Код |
Название |
Цвет |
Код |
Название |
|
Черный |
#000000 |
Black |
Фиолетовый |
#FF00FF |
Magenta |
|
Белый |
#FFFFFF |
White |
Бирюзовый |
#00FFFF |
Cyan |
|
Красный |
#FF0000 |
Red |
Желтый |
#FFFF00 |
Yellow |
|
Зеленый |
#00FF00 |
Lime |
Золотой |
#FFD800 |
Gold |
|
Синий |
#0000FF |
Blue |
Оранжевый |
FFA500 |
Orange |
|
серый |
#808080 |
Gray |
Коричневый |
A82828 |
Brown |
Пример 2
Внести в текст страницы PROBA_5.HTML теги, определяющие цвет шрифта.
<FONT
COLOR="#FF0000">
Красный </FONT>
<FONT
COLOR="#00FF00">
Зеленый </FONT>
<FONT COLOR="#0000FF">
Синий </FONT>
Просмотрите в браузере.
3. Атрибут FАСЕ= задает вид шрифта. Значением этого атрибута должно быть название одного из шрифтов, установленных на компьютере. Например: < FONT FАСЕ= «Arial» > Можно в теге < FONT > указать через запятую перечень шрифтов. В этом случае браузер будет использовать первый найденный шрифт. Например, можно записать тег < FONT FАСЕ= «Arial, Sans Serif, Courier»>. Обычно в перечне задают похожие шрифты. Рекомендуется назначать наиболее популярные шрифты, т. к. нельзя предсказать, какие шрифты доступны на компьютере пользователя.
Пример 3
<HTML>
<HEAD>
<TITLE>Установка шрифтов</TITLE>
</HEAD>
<BODY>
<P> Шрифт Arial <FONT FАСЕ= «Arial»> АБВГДЕЖЗИК < /FONT >
<P> Шрифт Courier <FONT FАСЕ= « Courier»> АБВГДЕЖЗИК < /FONT >
<P> Шрифт Simbol <FONT FАСЕ= «Simbol»> АБВГДЕЖЗИК < /FONT >
</Body>
</HTML>
Сохраните этот документ в папке вашей группы с именем PROBA_6.HTML. Просмотрите в браузере.
Задание 1. Создайте документ по образцу. Результат покажите преподавателю

Задание 2. Создайте документ по образцу. Результат покажите преподавателю:

"Описание материала:
Данный материал представляет собой методическую разработку для выполнения практической работы при изучении темы «Форматирование текста на Web - странице».
"Задачи работы:
При выполнении этой практической работы, учащиеся знакомятся с атрибутами HTML COLOR и FАСЕ.
Профессия: Менеджер по управлению сервисами ИТ
Профессия: Учитель информатики
В каталоге 6 753 курса по разным направлениям