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

Учебник по Html для чайников. Дополнительные.

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

Учебник по Html для чайников. Дополнительные.

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

<ol>... </ol>

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

<ol> <li>Сначала сделаем это <li>Затем мы сделаем то <li>А также действие третье <li>И с ним нас четвертое ждет </ol>

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

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

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

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

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

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

	арабские цифры	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>

Получаем:

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

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

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

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

С упорядоченными списками на этом наше знакомство закончилось. Кроме упорядоченных и неупорядоченных списков еще существуют и списки определений. Но о них мы говорить не будем. Почему? Потому что вашим заданием после того, как мы прошли несколько разделов, будет самостоятельное знакомство с этим типом списков посредством спецификации HTML, которая должна стать вашим другом, а также быть сохранена на вашем компьютере. Поверьте, вам порой придется обращаться к этому официальному документу за уточнениями, к тому же я ставлю целью ваше ознакомление с HTML, и некоторыми специфическими моментами, а не пересказ спецификации.

Кстати, спецификация это официальный документ по стандарту HTML от разработчиков стандарта. Существует такая организация, как W3C – World Wide Web Consortium, которая разрабатывает различные стандарты для веб, чтобы вы могли видеть странички в своих броузерах, чтобы вы могли передавать друг другу информацию и многая прочая. Организация W3C существует уже очень давно, и будет существовать еще долго, в конце концов, вы же не думали, что интернет и интернет технологии сами когда-то упали к нам с неба и развиваются до сих пор сами по себе, это все творение голов и рук людских, ничего сверхъестественного:)

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

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

<marquee height="10" width="270" bgcolor="#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 - самое быстрое.

Уф! Все:)

Теперь, когда мы разобрались со всеми параметрами тэга Marquee, я немного позанудничаю, призывая читателя все же быть разумным и не особо злоупотреблять этим тэгом. Вернитесь хотя бы к первому примеру. Посмотрите на бегущую строку задумчиво и признайтесь, что она мешала вам сосредоточиться на чтении и ознакомиться с этой главой, а также смотрится она не очень, непрофессионально, любительски. Уже эти два аргумента должны заставить вас задуматься, нужны ли бегущие строки вам на вашем сайте. Кроме того, текст самой бегущей строки не удобно читать, что опять же служит аргументом против нее. Итак, это не красиво и не удобно, а значит не особо и нужно, только если вы хотите побаловаться в пределах вашей домашней страницы ради интереса.

Итак, что делать, если вы не признаете Internet Explorer, или хотите, чтобы пользователи других броузеров увидели вашу бегущую строку. Помните, в предыдущих главах я упоминала CSS – таблицы каскадных стилей, дополнительное средство, при помощи которого вы можете управлять содержимым ваших страниц.

Кроме таблиц каскадных стилей мы можем вводить в наш html-документ и скрипты, это опять же замечательное средство, чтобы делать ваш неуклюжий HTML-документ динамичным. О скриптах, и как их вводить в наш документ, мы опять же поговорим попозже.

Но почему я завела о них разговор? Дело в том, что при помощи скриптов мы можем ввести бегущую строку в наш документ, это будет правильнее, и это увидят пользователи не только Internet Explorer, но и других броузеров.

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

Главная / Html / Учебник по Html. Ступенька 35-ая.

Дата добавления: 2014-12-27