Баст      БАСТ                  Дополнение 1
 
Главная страница
Краткий курс по созданию сайтов
Урок №1
Урок №2
Урок №3
Урок №4
Урок №5
Урок №6
Урок №7
Урок №8
Урок №9
Урок №10
Урок №11
Урок №12
Урок №13
Урок №14
Урок №15
Урок №16
Урок №17
Урок №18
Урок №19
Урок №20
Урок №21
Урок №22
Урок №23
 

Урок №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>

Результат.

Бегущая строка - это очень просто! Бегущая строка - это очень просто! Бегущая строка - это очень просто! Бегущая строка - это очень просто! Бегущая строка - это очень просто!
 


© 2005 БАСТ
Hosted by uCoz