Web-учебник. Раздел 2. Описание html
Специальные эффекты
1. Создание мигающего текста
Замечание.
Работает в Netscape
Не работает в Explorer
Вы можете создать изображение текста мигающим
с помощью следующих команд:
<blink>
</blink>
Например, :
<blink>
Я МИГАЮ !!!!!!!!!!</blink>
Отображается следующим образом:
Не злоупотребляйте мигающим изображением.
Его лучше всего применять для привлечения внимания к
новой информации в домашней странице.
2. Создание бегущей строки.
Замечание.
Работает в Explorer
Не работает в Netscape
(Если "браузер" не обрабатывает бегущую строку, то Вы увидите на
зкране текст без движения)
Бегущая строка создается с помощью команд:
<MARQUEE> и
<MARQUEE>.
Ниже приводятся примеры команд:
Команда
<MARQUEE>
Этот текст будет двигаться справа налево медленно.
</MARQUEE>
Отображается следующим образом:
Команда
<MARQUEE BEHAVIOR="
ALTERNATE
" SCROLLAMOUNT="
50
" SCROLLDELAY="
8
">
Этот текст будет двигаться справа налево и назад.
</MARQUEE>
Отображается следующим образом:
Команда
<MARQUEE BEHAVIOR="
SLIDE
">
Этот текст будет двигаться и останавливаться.
</MARQUEE>
Отображается следующим образом:
Команда
<MARQUEE
" SCROLLDELAY="
5
" SCROLLAMOUNT="
50
">
Этот текст будет двигаться очень быстро.
</MARQUEE>
Отображается следующим образом:
3. Карта образов.
Замечание.
Работает в Explorer 3.0
Работает в Netscape 3.0
Карта образов позволяет создать несколько ссылок к различным
адресам, используя только одно изображение.
Пусть у Вас есть картинка
imgmap.gif
размером 100 x 100 пикселей.
Предположим, что картинка состоит из 4 частей, где изображены Ваши
друзья:
- В левом верхнем углу - Дима (у него есть домашняя страница
dima.html
)
- В правом верхнем углу - Алик (Его домашняя страница
alik.html
)
- В левом нижнем углу - Вова (Его домашняя страница
vova.html
)
- В правом нижнем углу - Игорь (Его домашняя страница
igor.html
)
Если Вы хотите, чтобы при нажатии левой кноки мыши на изображение
каждого из Ваших друзей Вы попадали на его домашнюю страницу,
запишите следующие команды:
<map name="
map
">
<area shape="rect" coords=" 0,
0,
49,
49
" href="
dima.html
">
<area shape="rect" coords="
0,
50,
49,
99
" href="
alik.html
">
<area shape="rect" coords="
50,
0,
99,
49" href="
vova.html
">
<area shape="rect" coords="
50,
50,
99,
99" href="
igor.html
">
</map>
<img src="
imgmap.gif
" usemap="#
map
" border=
0
>
4. Плавающие окна.
Замечание.
Работает в Explorer 3.0
Не работает в Netscape 3.0 - а жаль, очень жаль - замечательная штука
Ниже Вы видите пример плавающего окна, в котором отображен
титульный лист данной страницы:
Если ваш "браузер" обрабатывает плавающие окна, то вы видите
такое окно, иначе - только сопровождающий текст:
Это плавающее окно
Это окно создано с помощью следующей команды:
<IFRAME NAME="
content_frame
" width="
400
" height="
240
" SRC="
index.html
">
Это плавающее окно
</IFRAME>
|