Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30


Чувашия-это моя Россия

Сортированные списки в HTML.

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

Сортированные списки ol в HTML. < оl>...< /оl>. Атрибуты. Базовые (id, class, style, title) интернационализация. Сортированные списки страниц сайта имеют ту же базовую структуру, что и несортированные списки ul страниц сайта:

                      < оl>
                          < li>Первое название.< /li>
                          < li>Второе  название.< /li>
                          < li>Третье название.< /li>
                          < li>Четвертое название.< /li>
                          < li>Пятое название.< /li>
                      < /оl>

В данном случае для понимания свойств ol нет никаких препятствий.

По умолчанию пользовательские агенты автоматически нумеруют элементы сортированного списка ol. В исходном коде добавлять нумерацию не нужно. Изменить систему нумерации можно с помощью таблиц стилей( list-style-type). Свойство list-style-type заменило собой устаревшие атрибут type, который указывает систему нумерации списка страниц сайта. Хотя браузеры до сих пор принимают и отображают данный атрибут type в сортированных списках ol, однако, лучше пишите по-новому ist-style-type.

Значения устаревшего атрибута type:

                    Значение type	Генерируемый стиль       Пример последовательности
                          1---------Арабские цифры------------------1,2, 3,4
                          А---------Буквы в верхнем регистре--------А, В, С, D
                          а---------Буквы в нижнем регистре---------а, b, с, d
                          I---------в верхнем регистра--------------I, II, III, IV
                          i---------Римские цифры в регистра--------i, ii, iii, iv

Используйте устаревший атрибут start для обозначения начала отсчета списка пунктов с конкретного номера. В следующем примере создается сортированный список, в котором используются буквы в нижнем регистре и отсчет начинается с 10:

                  < оl type="a" start="10">
                          < li>Первое название.< /li>
                          < li>Второе название.< /li>
                          < li>Третье название.< /li>
                          < li>Четвертое название.< /li>
                          < li>Пятое название.< /li>
                  < /ol>
                            Получившийся список страниц сайта должен выглядеть следующим
                            образом («j» - десятая буква анг-лийского алфавита):
                            
                             j. Первое название.
                             k. Второе название.
                             1. Третье название.
                             m. Четвертое название.
                             n. Пятое название.

В принципе применение данного вида программ не заканчивается указанным примером . Для творчества тут есть где развернуться.

В CSS есть альтернатива атрибуту start - использование свойства counter-reset. Использование атрибутов в сортированных списках расширяют возможности программирования при создании списков.

Хотя для ублажания творческого зуда в CSS3 имеются много других возможностей. Одной из таких возможностей применение Вами созданных рисунков. изображений. фотографий.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: