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

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

1. В документе Бегущаястрока.html измените параметры бегущей строки.

2. Отредактируйте документ в соответствии с нижеприведенным текстом:

<HTML>

<HEAD><TITLE>Бегущаястрока </TITLE></HEAD>

<BODY> Вывидитебегущуюстроку

<MARQUEE WIDTH=90% HEIGHT=75

HPSPACE=20 VSPACE=100

ALIGN=TOP  BGCOLOR=AQUA

DIRECTION=RIGHT BEHAVIOR=ALTERNATE>

Бегущаястрокадемонстрируетсяв INTERNET EXPLORER

</MARQUEE> </BODY> </HTML>

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

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

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

Задание 24

1. В документе Бегущая_строка.html измените параметры бегущей строки.

2. Отредактируйте документ в соответствии со следующим текстом:

<HTML>

<HEAD><TITLE>Бегущаястрока</TITLE> </HEAD>

<BODY>  Вывидитебегущуюстроку

<MARQUEE WIDTH=90% HEIGHT=75

HPSPACE=20 VSPACE=100 ALIGN= MIDDLE

BGCOLOR=GREEN   DIRECTION=LEFT

BEHAVIOR= SCROLL   LOOP=2>

<FONT COLOR=WHITE>>

Бегущая строка демонстрируется в INTERNET EXPLORER

<FONT>

</MARQUEE>  </BODY> </HTML>

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

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

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

1.12. Текстовые и графические ссылки

для создания текстовых и графических ссылок необходимо воспользоваться тегами, приведенными в табл. 12.

Таблица 12. Теги для создания текстовых и графических ссылок

Назначение

Тег

Создание ссылок

<A>…</A> ("якорь")

Задание файла, на который необходимо сослаться

Атрибут HREF тега <A>

<A HREF="URL или относительный адрес файла">

Цвета непросмотренных, просмотренных и просматриваемых в данный момент текстовых ссылок

Атрибуты LINK,

VLINK,

ALINK тега <BODY>

Задание графического изображения, которое будет являться ссылкой

Тег <IMG SRC="URL или относительный адрес файла"> между тегами <A>…</A>

Задание толщины обрамляющей рамки

Атрибут BORDER  тега <IMG>

Задание 25

1. В документе index.html преобразуйте текст Создание WEB-страниц средствами языка HTML в гиперссылку на документ Primer1.html путем внесения изменений в соответствии со следующим текстом:

<HTML>

<HEAD><TITLE>Моя WEB-страничка</TITLE></HEAD>

<BODY> <A HREF="Primer1.html">Создание WEB-страниц средствамиязыка HTML</A>

</BODY>

</HTML>

2. Сохраните документ под именем index.html и просмотрите его в браузере. Выполните переход по ссылке.

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

Примечание.В ссылке не указывается имя папки, поскольку файл, на который ссылаемся, находится в той же папке.

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

Задание 26

1. Используя приложение Блокнот, внесите следующие изменения в документ Primer1.html:

·  преобразуйте текст разбиение текста на строки и абзацы в гиперссылку на документ Строки.html;

·  преобразуйте текст создание заголовков в гиперссылку на документ Заголовки.html;

·  преобразуйте текст выравнивание текста в гиперссылку на документ Выравнивание.html;

·  преобразуйте текст начертание шрифта в гиперссылку на документ Начертание.html;

·  преобразуйте текст размер шрифта в гиперссылку на документ Размер.html;

·  преобразуйте текст цвет шрифта и фона в гиперссылку на документ Цвет.html;

·  преобразуйте текст создание списков в гиперссылку на документ Списки.html;

·  преобразуйте текст работа с таблицами в гиперссылку на документ Таблица.html;

Скачать файл