Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
лекции по html.docx
Скачиваний:
15
Добавлен:
26.04.2019
Размер:
2.77 Mб
Скачать

Marquee - бегущая строка (текста)

Текст, который мы помещаем в теге <marquee></marquee>, становится бегущей строкой.

Атрибуты:

bgcolor - цвет фона бегущей строки.

height - высота строки.

width - ширина строки.

Пример:

<marquee height="10" width="270" bgcolor="#99CCFF">

Бегущая строка, высота - 10, ширина - 270 пикселов, фон - 99CCFF

</marquee>

vspace - задает расстояние между текстом и бегущей строкой по вертикали. Расстояние задается в пикселях.

hspace - задает расстояние между текстом и бегущей строкой по горизонтали. Расстояние задается в пикселях.

Align - отвечает за выравнивание бегущей строки на экране.

loop – задает, сколько раз прокрутится строка. Здесь она прокручивается всего 2 раза:

<marquee height="10" width="270" loop="2">

Бегущая строка

</marquee>

Direction - задает направление движения бегущей строки - direction="left" (right, up, down) - движение влево (вправо, вверх, вниз).

Behavior - поведение строки - behavior="scroll" (slide, alternate). Scroll - обычная прокрутка (можно не прописывать, оно так и есть по умолчанию). Slide - прокрутка с остановкой, строка пробегает до края и останавливается. Если одновременно с behavor="slide" употребить параметр loop, то строка прокрутится установленное количество раз и остановится у края. Alternate - строка будет двигаться от края к краю.

Scrollamount - скорость движения строки, scrollamount="1". Может принимать значения от 1 до 10. 1 - самое медленное движение, 10 - самое быстрое.

Списки

Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

Элементы:

  • UL — Создает неупорядоченный список

  • OL — Создает упорядоченный список

  • LI — Создает пункт меню внутри элементов OL или UL.

  • MENU, DIR — Создает неупорядоченный список, подобный UL. Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры могут распознавать их в целях обратной совместимости. Элемент DIR был разработан для создания списка из нескольких столбцов. Элемент MENU был разработан для создания списка в один столбец. Оба элемента имеют ту же структуру, что и UL, но другое представление. Авторам же рекомендуется использовать вместо MENU и DIR элемент UL.

  • DL — Открывает и закрывает список определений. Определения задаются с помощью элементов DT и DD. Атрибуты:

COMPACT – включает режим "компактного" отображения списка. Удобно использовать, если список определений очень велик. Данный атрибут является флагом и не требует присвоения значения.

Пример:

<DL COMPACT>

<DT>Жапура<DD>Река в Колумбии и Бразилии

<DT>Зайцы<DD>Семейство млекопитающих отряда зайцеобразных

...

</DL>

Другая сфера применения DL это, например, создание диалогов, где каждый DT именует говорящего, а каждый DD содержит его, её слова.

  • DT — Создает термин в списке определений внутри элемента DL

  • DD — Создает определение термина внутри элемента DL

LI – List Item

Создает пункт в списке. Располагается внутри элементов OL или UL.

Атрибуты:

VALUE – изменяет порядок нумерации элементов списка. Используется, только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

Пример:

<OL TYPE="A" START="2">

<LI> Пункт, озаглавленный буквой B. </LI>

<LI VALUE="6"> Пункт, озаглавленный буквой F. </LI>

<LI> Пункт, озаглавленный буквой G. </LI>

</OL>

Type — отвечает за стиль элемента списка, визуально это выглядит так:

Disc – жирный круг ●

Circle – полый круг ○

Square – жирный квадрат ■

Пример:

<li type="disc"> текст

<li type="circle"> какой-то текст

<li type="square"> ещё текст

Атрибут type может вводиться не только для каждого элемента списка <li>, но и для всего списка в целом:

<ul type="square">

<li>Текст один

<li>Текст другой

<li>Текст сякой

<li>Текст эдакий

</ul>