|
Урок №15
Мультимедия (начало)
Линии
Горизонтальные линии можно использовать, как удобные разделители. Для встраивания линии в HTML-документ существует
дескриптор <hr>.
Пример
<hr>
Результат:
Атрибуты для тега <hr>:
- align=left | center | right - выравнивание по горизонтали.
- noshade - отключение тени линии.
- size=n- толщина линии.
- width=n | n%- длина линии.
Пример.
<hr size=10 width=50% align=center>
<hr size=50 width=50 align=right>
<hr noshade>
Результат:
Бегущая строка
Текст заключенный между тегами <marquee> и </marquee> в Internet
Explorer выводится, как бегущая строка.
Пример.
<marquee> Бегущая строка - это очень просто! </marquee>
Результат:
Атрибуты бегущей строки:
- align=top | middle | bottom - Бегущие строки рассматриваются Internet Explorer как иллюстрацию, созданную
с помощью тега img (подробнее об этом дескрипторе в следующих уроках).
- top - верхняя граница поля выравнивается по самому верхнему краю высокого элемента в строке.
- middle - центрирует поле по осевой линии текущей текстовой строки.
- bottom - выравнивает нижнюю границу поля по нижней линии текстовой строки.
- behavior= scroll | slide | alternate- поведение бегущей строки.
- scroll - строка двигается со стороны, определенной атрибутом direction, и выходит на противоположной стороне(по умолчанию).
- slide - текст не "убегает", а останавливается.
- alternate - текст двигается до противоположного конца строки, а затем обратно.
- bgcolor="цвет"- цвет фона строки.
- direction= left | right- направление движения текста в строке (соответственно, влево и вправо).
- height= n | n%- высота поля бегущей строки.
- width= n | n%- ширина поля бегущей строки.
- hspace=n - расстояние до текста по горизонтали.
- vspace=n- расстояние до текста по вертикали.
- loop= n | infinite- повторение бегущей строки. infinite - бесконечно (по умолчанию).
- scrollamount=n- скорость движения бегущей строки.
- scrolldelay=n- замедление движения бегущей строки.
Пример.
<marquee width=50% align=center direction=left behavior=scroll> Бегущая строка - это очень просто! </marquee>
<marquee height=40 direction=right behavior=slide> Бегущая строка - это очень просто! </marquee>
<marquee behavior=alternate> Бегущая строка - это очень просто! </marquee>
<marquee scrollamount=4> Бегущая строка - это очень просто! </marquee>
<font size=7 color=red><marquee scrollamount=4 bgcolor=yellow> Бегущая строка - это очень просто! </marquee></font>
Результат.
|