Ступенька 33-ая.

Упорядоченные списки вводятся тэгом <ol>:

<ol>

...

</ol>

Как и в случае с неупорядоченными списками, нам нужно ввести в нашу конструкцию тэг <li>:

<ol>

<li>Сначала сделаем это

<li>Затем мы сделаем то

<li>А также действие третье

<li>И с ним нас четвертое ждет

</ol>

В итоге получим:

1. Сначала сделаем это

2. Затем мы сделаем то

3. А также действие третье

4. И с ним нас четвертое ждет

Для упорядоченных списков также может употребляться атрибут type. Для упорядоченных списков возможны следующие значение атрибута type:

1	арабские цифры	1 2, 3, ...
a	буквы нижнего регистра	a, b, c, ...
A	буквы верхнего регистра	A, B, C, ...
i	римские цифры в нижнем регистре	i, ii, iii, ...
I	римские цифры в верхнем регистре	I, II, III, ...

Как вы можете понять из этой таблички – регистр, в котором вы пропишите значение атрибута type, учитывается.

<ol type="I">

<li>Сначала сделаем это

<li>Затем мы сделаем то

<li>А также действие третье

<li>И с ним нас четвертое ждет

</ol>

Получаем:

1. Сначала сделаем это

2. Затем мы сделаем то

3. А также действие третье

4. И с ним нас четвертое ждет

Ступенька 34-ая.

Эту главу мы с вами посвятим специфическом тэгу, речь пойдет о тэге Marquee - бегущей строке (текста).

Тэг Marquee поддерживается только Internet Explorer, но многих людей, начинающих осваивать сайтостроение, это не останавливает, и они с удовольствием его употребляют. Т.к. это болезнь массовая, то мне придется рассказать подробно о тэге Marquee (те, у кого броузер не IE, не будут в этой главе оставлены за бортом, для них я бросила спасательный круг в конце главы).

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

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

</marquee>

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

Все атрибуты тэга <marquee></marquee> вам уже знакомы: bgcolor - цвет фона бегущей строки, height - высота строки, width - ширина строки.

Также для бегущей строки можно задать и другие знакомые вам атрибуты - hspace, vspace и align (тот, кто их не помнит, срочно возвращается к Простейшим ступенькам и освежает свою память). В наш пример я их вводить не буду, вы можете сами.

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

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

</marquee>

(посмотреть)

Атрибут loop задает сколько раз прокрутится строка, в нашем примере указано loop="2" - 2 раза, а это значит, что к тому моменту, когда вы дойдете до этого примера, строка может уже не бежать, поэтому обновите страницу и убедитесь в правоте моих слов - строка пробежит только два раза.

Далее будут лишь описания атрибутов без наглядных примеров, подставляйте их сами в код, и смотрите, что будет получаться.

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

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

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