Информатика и выч. техника \ Компьютерные информационные технологии

Современное информационное пространство. Создание Web-документа с помощью языка HTML. Основные теги документа HTML, страница 4

Задание 12

1. Используя приложение Блокнот, создайте документ, демонстрирующий различные варианты изменения размера шрифта.

2. Введите следующий текст:

<HTML>

<HEAD><TITLE>размер шрифта</TITLE></HEAD>

<BODY>

По умолчанию используется размер шрифта 3 <BR>

<BASEFONT SIZE=4>Установим размер шрифта 4 <BR>

<FONT SIZE=–2> Мы уменьшили размер шрифта на 2 пункта <BR>

<FONT SIZE=6> Отменить текущий размер шрифта можно, задав другой размер,

</FONT>

или применив закрывающий тег <BR>

</FONT>

Теперь восстановлен размер шрифта по умолчанию (т. е. 4 пункта)

</BODY> </HTML>

3. Сохраните документ под именем Размер.html и просмотрите его в браузере.

Результат выполнения задания приведен на рис. 9.

Рис. 9. Результат выполнения задания 12

Задание 13

Отредактируйте файл Primer1.html. В документе увеличьте размер шрифта на один пункт для текста некоторые приемы работы:. Сохраните изменения и просмотрите документ в браузере.

1.7. Цвет шрифта и фона

установить цвет шрифта и фона можно при помощи тегов, приведенных в табл. 7.

Таблица 7. Теги для установки цвета шрифта и фона

назначение

Тег

цвет фона и шрифта для всего документа

Атрибуты BGCOLOR и ТЕXT тега <BODY>

цвет шрифта для фрагмента текста

Атрибуты COLOR  тега <FONT>

гарнитура шрифта для фрагмента текста

Атрибуты FACE  тега <FONT>

Задание 14

1. Используя приложение Блокнот, создайте документ с различными вариантами гарнитуры, цвета шрифта и серебряным фоном.

2. введите следующий текст:

<HTML>

HEAD><TITLE>гарнитура и цвет  шрифта</TITLE></HEAD>

<BODY BGCOLOR=SILVER>

<FONT FACE=HALVETICA>Этоттекстнабраншрифтом Halvetica.

</FONT> <BR>

далее используется гарнитура по умолчанию. <BR>

Этошрифт Symbol: <FONT FACE=SYMBOL> abcd </FONT> <BR>

Цвета: <BR>

<FONT COLOR=NAVY>темно-синий</FONT> <BR>

<FONT COLOR= SILVER>серебряный</FONT> <BR>

<FONT COLOR= BLUE>голубой</FONT> <BR>

<FONT COLOR= MAROON>бордовый</FONT> <BR>

<FONT COLOR=PURPLE>фиолетовый</FONT> <BR>

<FONT COLOR=RED>красный</FONT> <BR>

<FONT COLOR=FUCHSIA>розово-сиреневый</FONT> <BR>

<FONT COLOR=FUSCHIA>бежевый</FONT> <BR>

<FONT COLOR=GREEN>зеленый</FONT> <BR>

<FONT COLOR=TEAL>сине-зеленый</FONT> <BR>

<FONT COLOR=LIME>желто-зеленый</FONT> <BR>

<FONT COLOR=AQUA>морскаяволна</FONT> <BR>

<FONT COLOR=OLIVE>желто-коричневый</FONT> <BR>

<FONT COLOR=GRAY>серый</FONT> <BR>

<FONT COLOR=YELLOW>желтый</FONT> <BR>

<FONT COLOR=WHITE>белый</FONT> <BR>

<FONT COLOR=BLACK>черный</FONT> <BR>

<FONT COLOR=#0FCCA0>произвольно выбранный цвет</FONT >  <BR>

<FONT COLOR=#FF08A3>произвольно выбранный цвет </FONT> <BR>

</BODY> </HTML>

3. Сохраните документ под именем Цвет.html  и просмотрите его в браузере.

Результат выполнения задания приведен на рис. 10.

 


Рис. 10. Результат выполнения задания 14

Задание 15

Отредактируйте файл Primer1.html. В документе установите бежевый цвет фона и зеленый цвет шрифта. Для заголовка Начальные сведения установите цвет шрифта – белый. Сохраните изменения и просмотрите документ в браузере.

1.8. Создание списков

создание списков производится с применением тегов из табл. 8.

Таблица 8. Теги для создания списков

Скачать файл