Конспект урока по информатике «Гарнитура, размер и цвет шрифта»
Практическая работа
Тема: Гарнитура, размер и цвет шрифта Для задания размера, цвета и гарнитуры шрифта служит тег <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. Просмотрите в браузере.
Атрибут СО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. Создайте документ по образцу. Результат покажите преподавателю: