1.11. Бегущая строка
для создания бегущей строки следует воспользоваться тегами, приведенными в табл. 11.
Таблица 11. Теги для создания бегущей строки
Назначение |
Тег |
Создание бегущей строки |
Текст вводится между тегами <MARQUEE>… </MARQUEE> |
Атрибуты тега <MARQUEE> |
|
ширина поля бегущей строки (в пикселах или процентах) высота поля (в пикселах) |
WIDTH HEIGHT |
интервалы по горизонтали и вертикали между краями поля бегущей строки и основным текстом (в пикселах) |
HPSPACE VSPACE |
расположение текста в поле бегущей строки: вверху; внизу; посередине |
атрибуту ALIGN присваиваются, соответственно, следующие значения: TOP; BOTTOM; MIDDLE |
цвет фона поля |
BGCOLOR |
направление движения бегущей строки: слева направо; справа налево; |
атрибуту DIRECTION присваиваются, соответственно, следующие значения: RIGHT; LEFT |
способ движения бегущей строки: текст появляется от одного поля края и исчезает за другим; бегущая строка вытягивается из одного края поля и останавливается у другого; от одного края поля к другому и обратно |
атрибуту BEHAVIOR присваиваются, соответственно, следующие значения: SCROL; SLIDE; ALTERNATE |
число повторений текста бегущей строки |
LOOP |
Задание 22
1. Используя приложение Блокнот, создайте документ с бегущей строкой. Для этого введите следующий текст:
<HTML>
<HEAD><TITLE>Бегущая строка</TITLE></HEAD>
<BODY>
Вы видите бегущую строку
<MARQUEE>
Бегущая строка демонстрируется в INTERNET EXPLORER
</MARQUEE>
</BODY> </HTML>
2. Сохраните документ под именем Бегущая_строка.html и просмотрите его в браузере.
результат выполнения задания приведен на рис. 17.
Рис. 17. Результат выполнения задания 22
Задание 23
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