Какви видови списоци има во html? Список со точки. Вгнездени или списоци на повеќе нивоа во HTML

Здраво, драги читатели на блог-страницата. Денес, како дел од овој дел, сакам да зборувам за различни Html списоци што можат да се креираат врз основа на UL, OL, LI и DL ознаки специјално дизајнирани за ова. Паровите UL и LI создаваат списоци со точки, паровите OL и LI создаваат нумерирани листи, а елементите DL, DT и DD создаваат таканаречени списоци со дефиниција. Исто така, накратко ќе ги разгледаме принципите на создавање вгнездени структури.

Би сакал да ве потсетам дека веќе успеавме да зборуваме за основите на модерниот, како и за табеларен распоред (). Дополнително, ги допревме основите и научивме.

Списоци со точки врз основа на ознаките UL и LI

Ознаката UL се користи за креирање списоци со точки, а ознаката OL се користи за креирање нумерирани списоци. Овие ознаки се во пар и блокираат ознаки, исто како и елементот LI.

Помеѓу ознаките за отворање и затворање има поединечни ставки од списокот, кои пак се затворени во елементот LI за отворање и затворање. Прелистувачот додава еднолиниски вовлекувања на врвот и на дното на списоците HTML, слично на вовлекувањето создадено од ознаката на пасус.

Ајде да погледнеме, на пример, опција со точки што може да изгледа вака:

Прва линија
Второ
Последниот елемент

Само LI елементи може да бидат во UL ознаките за отворање и затворање, а во самите овие елементи (клаузули) можете да вметнете каква било содржина (текст, слики, наслови, параграфи, врски, па дури и други списоци).

Оние. UL служи само за организирање на список со точки (не нарачани), и сè што гледате на веб-страница во него се имплементира со користење на содржината на елементите LI.

За UL, можете да го промените типот на маркерот со наведување на различни вредности за атрибутот „Тип“. Ако „Тип“ (контрола на изгледот на маркерите) за елементот UL не е наведен, тогаш ќе се прикаже стандардниот изглед на маркерот (диск - круг исполнет со бојата на текстот):

Во горните примери, го наведовме атрибутот „Тип“ во елементот UL, користејќи го овој тип маркер за сите ставки. Но, атрибутот „Тип“ може да се одреди и за секоја поединечна ознака LI, поставувајќи свој тип на маркер за оваа ставка.

Пример за листа со точки со различни типови на точки за секоја ставка:

Маркер во форма на пополнет диск
Маркер во форма на необоен диск
Плоштад

Нумерирани списоци во Html врз основа на ознаката OL

За да се создаде нумерирана листа, се користат OL ознаки, во кои LI елементите повторно ќе бидат лоцирани. OL и LI, како што веќе спомнав, се базирани на блокови (т.е. имаат тенденција да го заземаат целиот простор што им е достапен во ширина) и ништо освен LI елементи не може да се стави внатре во OL.

Излегува дека OL и UL се ознаки за услуги кои се потребни само за да му укажат на прелистувачот каков тип на листа создаваме (обележана или нумерирана). Во случај на нумерирана ставка, лево од секоја ставка нема да видиме маркер, туку број и точка зад него:

Прва линија
Втора точка
Трета линија

Како што споменав веднаш погоре, елементите UL, OL и LI имаат можност да го користат атрибутот TYPE. Ви овозможува да го конфигурирате типот на маркерот или да одредите кои броеви или букви ќе се користат за нумерирање на ставките на списокот. За нумерирана листа, параметрите на овој атрибут може да ги имаат следните вредности:

- мали римски броеви;

Пример за нумерирана листа со различни видови нумерирање за секоја ставка:

нумерирани со големи римски бројки
Нумерирање со мали латински букви
Нумерирање со мали римски бројки

Кога креирате нумерирани списоци, исто така е можно да започнете со нумерирање не од еден, туку од бројот наведен во атрибутот СТАРТ. На пример:

Првиот елемент чиј број е наведен во ознаката OL со атрибутот start="23".
Следната ставка, со број еден повисок
Уште еден

За OL, можете исто така да започнете ново нумерирање од која било вредност, почнувајќи од која било ставка, со запишување на атрибутот VALUE со потребниот број во отворот LI на оваа ставка. На пример:

Прва точка со број еден
Овој елемент ќе го добие бројот наведен во атрибутот value="32".
Ставка со голем број

Дизајнирање на изгледот на списоците во CSS (стил листови)

Но, по правило, сега изгледот на маркерите се поставува не преку атрибутот TYPE, туку за кој се наведени соодветните својства.

Овде едноставно ќе дадам пример на различни маркери за ненумерирани списоци, чиј изглед е поставен преку посебна датотека со каскадни стилски листови.

Првата точка
Второ
Последно

Но, ние ќе зборуваме за тоа во следните статии. Вака е поставен изгледот на UL маркерите на овој блог. Сликите се користат како маркери: за редовни ставки од ненумерирана листа - , за вгнездени ставки од ненумерирана листа - .

Специјални и вгнездени списоци во HTML код

Третиот и последен тип се нарекува „списоци со дефиниција“ и тие се специфицирани со користење на три ознаки - DL, DT и DD. DL му кажува на прелистувачот дека она што следи е список на дефиниции.

Вообичаено, овој тип се користи (или беше наменет да се користи) за пишување записи во речник што се состојат од поими (приложени во ознаки DT) и нивни описи (приложени во ознаки DD).

Прв мандат: Опис
Втор мандат: Неговиот опис

Ако го погледнете примерот погоре, ќе забележите дека елементот DD (описот на терминот) е поместен (за 40 пиксели) во однос на елементот DT (самиот термин).

Општо земено, DL, DT и DD се блок ознаки и само содржината со вградени ознаки може да се вметне во елементот DT (излегува дека блок елементите на насловите и параграфите не можат да се користат во DT). И внатре во ознаките DD можете да вметнете какви било елементи, и внатрешно и блокирано.

Вгнездена листаво Html се создава по аналогија со едноставна, но внатре во главната листа, некои од ставките се уште еднаш затворени во ознаката за отворање и затворање UL или OL.

Ве молиме имајте предвид дека затворањето LI на ставката во која ќе се креира вгнездената ставка се става само по целиот код на вгнездената листа (ова е многу важно за правилно прикажување на веб-страницата). Вгнездената листа може да изгледа вака:

Првиот став од главниот нумериран
Втора точка
- Првиот елемент на вгнездени куршуми
- Второ
- Трета и последна точка
Третиот елемент нумериран

Среќно за вас! Се гледаме наскоро на страниците на блог-страницата

Можеби ќе ве интересира

Како да вметнете врска и слика (фото) во HTML - IMG и A ознаки Изберете, Option, Textarea, Label, Fieldset, Legend - Html ознаки за форма на паѓачки списоци и текстуални полиња
Html форми за страницата - ознаки Form, Input и Select, Option, Textarea, Label и други за создавање елементи на веб-форма
Како се поставуваат боите во кодот Html и CSS, избор на RGB нијанси во табелите, излез на Yandex и други програми
Вградување и објект - Html ознаки за прикажување медиумска содржина (видео, блиц, аудио) на веб-страници
Ознаки и атрибути на наслови H1-H6, хоризонтална линија Hr, прекин на линијата Br и став P според Html 4.01 стандардот
Табели во Html - тагови Table, Tr и Td, како и Colspan, Cellpadding, Cellspacing и Rowspan за нивно создавање
Што е јазик за означување на хипертекст Html и како да се прикаже списокот со сите ознаки во валидаторот на W3C
Фонт (Лице, големина и боја), Блокцитати и пред ознаки - застарено форматирање на текст во чист HTML (не се користи CSS)
Iframe и Frame - кои се тие и како најдобро да се користат рамки во Html
Img - Html ознака за вметнување слика (Src), порамнување и завиткување текст околу неа (порамнување), како и поставување на позадина (позадина)

Во HTML, цел сет на ознаки е одговорен за организирање списоци, чија организација мора да биде во согласност со одредени правила за структурирање на податоците.

Петтата верзија на HTML стандардот поддржува 3 типа на листи: нумерирани листи, списоци со точки и списоци со дефиниција. Исто така, обезбедува можност за вгнездување списоци една во друга, создавајќи вгнездени списоци на повеќе нивоа.

Нумериран список

Нумериран список- ова е збир на елементи (ставки од списокот) со одредена низа. Секоја ставка во нумерирана листа има единствен маркер што го означува редоследот по кој се појавува ставката во однос на другите ставки во списокот. Стандардно, маркерите за нумерирани ставки од списокот се броеви. Првата ставка е нумерирана 1, втората е означена со 2, итн.

Најчести примери на нумерирани листи се рецептите за подготовка на разни јадења. Бидејќи секој рецепт е нумериран список, со јасен редослед на дејства.

За да креирате нумерирани списоци во HTML, користете ја ознаката

Список со броеви:

Кафе
Чај
Млеко

Обидете се »

Забелешка: ознака

, односно целата содржина на нумерираната листа мора да биде сместена во елементите
. Означете

, пак, нема ограничувања за содржината, па во неа можете да ставате параграфи, слики, врски, табели, други списоци итн.

Список со точки

Список со точки- ова се ненумерирани, односно неуредени списоци на елементи, чиј редослед не е важен. Сите ставки од списокот со точки имаат исти куршуми и стандардно се појавуваат како мали црни кругови.

За да креирате списоци со точки во HTML, користете ја ознаката

, која ги содржи сите прикажани содржини на списокот):

Список со точки:

Кафе
Чај
Млеко

Обидете се »

Видови маркери

Видовите куршуми од нумерирана листа може да се менуваат со користење на атрибутот тип. Овој атрибут поддржува пет типа маркери:

Списоците со точки немаат атрибут тип, така што нема да можете да го менувате типот на куршуми за список со точки користејќи HTML. За да го промените типот на маркерот, во овој случај, можете да го користите својствата CSS list-style-type , со која, покрај стандардната вредност, можете да изберете уште два типа на маркер: круг или квадрат.

Менување на маркерите на списокот:

Наслов на страницата

Нумерирана листа со атрибут type="a":

Јаболка
Банани
Лимони

Нумерирана листа со атрибут type="I":

Јаболка
Банани
Лимони

Видови маркери на список со точки:

Јаболка
Банани
Лимони

Јаболка
Банани
Лимони

Обидете се »

Својството CSS list-style-type , покрај типовите маркери за листите со точки, има многу различни типови маркери за нумерирани списоци. Но, менувањето на еден стандарден тип на маркер во друг не е секогаш доволно за да се создаде убава листа. За дизајнирање списоци, подобро е да користите CSS, што ви овозможува не само да го промените изгледот на маркерот, туку и да ги замените маркерите со слики, да ја контролирате нивната локација и да го контролирате вовлекувањето. Можете да видите како да го направите сето ова.

Хоризонтална листа

Ако користите HTML-листа за да креирате хоризонтално мени, тогаш ќе треба да ги распоредите ставките од списокот една по друга на истата линија. Ова не може да се направи со користење на HTML, така што ќе треба да користите CSS.

За да креирате хоризонтална листа, треба да поставите својство за прикажување CSS за ставки од списокот со вредност inline или inline-block , во зависност од тоа кои други својства ќе ги користите.

Наслов на страницата

Нумериран список

Јаболка
Банани
Лимони

Список со точки:

Јаболка
Банани
Лимони

Обидете се »

После ова, сите ставки од списокот ќе се редат на една линија. Ве молиме имајте предвид дека куршумите ќе исчезнат од ставките на списокот и нема да има празно место меѓу нив, но ќе остане левата вовлекување на списокот.

Можете да видите како да ја претворите хоризонталната листа во хоризонтално мени.

Списоците со точки ви дозволуваат да разделите голем текст во посебни блокови, од кои секоја започнува со куршум - обично мала точка. Ова го привлекува вниманието на читателот кон текстот и ја зголемува неговата читливост.

Со елемент

во местото каде што се јавува
- списокот има вдлабнатини на врвот и на дното;
- Стандардно, маркерите се прикажуваат како пополнет круг;
- Секој елемент од списокот е поместен надесно во однос на главниот текст.
Слика 1 го прикажува резултатот од примерот, илустрирајќи ги горенаведените карактеристики на списокот со точки.
Ориз. 1. Приказ на листа на куршуми
Тип на маркер
Маркерите можат да имаат една од трите форми: исполнет круг (стандардно), отворен круг и квадрат. За да го изберете типот на маркерот, користете го својството во стил на листа или својството во стилот на универзална листа (пример 1). Се применуваат следните вредности:
- диск - маркери во форма на исполнет круг;
- круг - маркери во форма на отворен круг;
- квадратни - квадратни маркери.
Пример 1: Промена на изгледот на маркерот
Списоци
- Сепулки
- Сепулкарија
- Сепуленација
Примерот покажува како да креирате листа со точки со користење на мал квадрат во еднобојна боја како икона за куршуми. Иако бројот на вредности е ограничен на три, тоа не значи дека на располагање имаме само три типа маркери. Има многу специјални знаци кои можат успешно да дејствуваат како икона за маркер. Зашрафете ги директно на
Нема да работи, па ќе мора да работите околу тоа. За да го направите ова, скријте ги маркерите на списокот користејќи го својството во стил на листа со вредност none и во текстот пред содржината
Додаваме свој лик користејќи го ::пред псевдоелементот. Во примерот 2, триаголник служи како таков маркер.
Пример 2: Користење::пред
Списоци
- Сепулки
- Сепулкарија
- Сепуленација
Резултатот од овој пример е прикажан на сл. 2. Со оглед на тоа што користењето на својството во стилот на листа со вредноста none воопшто не ги отстранува маркерите, туку само ги крие од погледот, листата се појавува поместена надесно. За да се ослободи од оваа функција, примерот го додава својството текст-вовлекување со негативна вредност. Неговата задача е да го премести текстот на лево еден знак.
Ориз. 2. Произволни маркери во списокот
Ликот не мора да биде во хексадецимален формат, тој може да се вметне директно во текстот. Главната работа е да го зачувате документот во UTF-8 кодирање и уредникот да го поддржува. Самите знаци и нивните кодови може да се земат, на пример, од LibreOffice Writer (сл. 3).
Ориз. 3. Избор на симбол во LibreOffice
Список со рачно нацртани маркери
Стиловите ви дозволуваат да поставите која било соодветна слика како маркер преку својството list-style-image. Вредноста е релативна или апсолутна патека до графичката датотека, како што е прикажано во примерот 3.
Пример 3: Користење слика како маркер
Списоци
- Сепулки
- Сепулкарија
- Сепуленација
Најдобро е да изберете мала слика за да не ги претворите елементите на списокот во натписи. На сл. Слика 4 го прикажува резултатот од пример за користење на мали слики како маркери.
Ориз. 4. Цртеж како маркер
Користењето на слика во стил на листа има некои недостатоци:
- шаблонот не може да се поместува нагоре или надолу;
- Позицијата на сликата во однос на текстот може да се разликува во различни прелистувачи.
Овие недостатоци може да се избегнат со користење на имотот за заднина, тој ја поставува сликата на позадината. За секој елемент од списокот

ги отстрануваме оригиналните маркери и ја поставуваме сликата на позадината без повторување. И за да не се појави текстот на врвот на сликата, го префрламе надесно користејќи padding-left (пример 4).

Пример 4: Користење на позадина

Ul (маргина-лево: -1em; ) li (стил на листа: нема; заднина: url(images/bullet.png) без повторување 0 2px; полнење лево: 20px; )

Позиција на текстот и куршумот

Постојат два начина да се постави маркер во однос на текстот: маркерот се поместува надвор од границата на елементите на списокот или се обвиткува околу текстот (сл. 5).


внатре	надвор

Ориз. 5. Поставување на маркери во однос на текстот

За да ја контролирате позицијата на маркерите, користете го својството list-style-position. Има две значења: надвор - куршумите се поставени надвор од текстуалниот блок (ова е стандардната вредност) и внатре - куршумите се дел од текстуалниот блок и се прикажани во ставката од списокот (пример 5).

Пример 5: Промена на положбата на маркерите

Списоци

Пред да започнете, проверете дали е вклучена опремата вклучена во комплетот 3BM.
Доколку недостасуваат еден или повеќе периферни уреди, веднаш треба да го контактирате техничкиот персонал на CC.
По визуелна проверка на работната површина, можете внимателно да го вклучите напојувањето на 3BM.

Резултатот од овој пример е прикажан на сл. 6.

HTML поддржува три различни типови на листи, од кои секоја има свои ознаки:

– списокот со дефиниции се состои од парови име/вредност, вклучувајќи термини и дефиниции.

Нумерирани списоци

Во нумерирана листа, прелистувачот автоматски ги вметнува броевите на елементите по редослед, почнувајќи со одредена вредност (обично 1). Ова ви овозможува да вметнувате и бришете ставки од списокот без да го нарушите нумерирањето, бидејќи преостанатите броеви автоматски ќе се пресметуваат повторно.
Нумерираните списоци се креираат со користење на блок елемент

(од англиската листа на ставки - ставка од списокот). Стандардно е нумерирана листа со арапски броеви.
Означете

елемент 1
елемент 2
елемент 3

Нумерираните ставки од списокот мора да содржат повеќе ставки од списокот, како што е прикажано во следниот пример:

Пример: Нумерирана листа

Пробајте сами »

Чекор по чекор инструкции

Земете го клучот
Вметнете го клучот во бравата
Завртете го клучот два вртења
Извадете го клучот од бравата
Отворете ја вратата

Чекор по чекор инструкции

Земете го клучот
Вметнете го клучот во бравата
Завртете го клучот два вртења
Извадете го клучот од бравата
Отворете ја вратата

Понекогаш кога ги гледате постоечките HTML кодови ќе наидете на аргументот типво елемент

Овде: напишете - список симболи:

А - големи латински букви (A, B, C...);
а - мали латински букви (a, b, c...);
I - големи римски бројки (I, II, III...);
i - мали римски бројки (i, ii, iii...);
1 - арапски бројки (1, 2, 3 . . .) (се користи стандардно).

Ако сакате листата да започнува со број различен од 1, треба да го наведете ова користејќи го атрибутот почетокознака

Нумерирањето може да се започне и со користење на атрибутот вредност, кој се додава на елементот

како што следува:
Во овој случај, секвенцијалното нумерирање на списокот ќе биде прекинато и од овој момент нумерирањето ќе започне повторно, во овој случај од седум.

Пример за употреба на атрибути вредностознака

, кој ви овозможува да го промените бројот на даден елемент од списокот:

Во овој пример, „Првата ставка од списокот“ ќе биде број 1, „Втората ставка од списокот“ ќе биде број 7, а „Третата ставка од списокот“ ќе биде број 8.

Форматирање на нумерирани листи со CSS

За да ги промените броевите на списокот, треба да го користите имотот листа-стил-тип CSS стилски листови:

Стилови на нумерирани списоци

Пример	Значење	Опис
а, б, в	пониско-алфа	Мали букви
А, Б, Ц	горна-алфа	Големи букви
i, ii, iii	долно-римски	Римски бројки со мали букви
I, II, III	горниот роман	Римски бројки со големи букви

Пример: Примена на својство на CSS листа-стил-тип

Списоци со точки

Списоците со точки се во суштина слични на нумерираните списоци, само што не содржат секвенцијално нумерирање на ставки. Списоците со точки се креираат со користење на блок елемент

. Прелистувачот ја вовлекува секоја ставка од списокот и автоматски прикажува точки.
Означете

Првата точка
Втора точка
Трета точка

Во следниот пример, можете да видите дека, стандардно, мал маркер во форма на пополнет круг се додава пред секоја ставка од списокот:

Внатре во ознака

Не е неопходно да се поставува само текст, прифатливо е да се става кој било елемент од стриминг содржина (врски, параграфи, слики, итн.)

Вгнездени листи
Секоја листа може да се вгнезди во друга. Внатре во елемент
Дозволено е да се креира вгнездена листа или листа од второ ниво. За вгнездување листа, опишете ја новата листа во елементот

веќе постоечка листа. Кога вметнувате една листа со точки во друга, прелистувачот автоматски го менува стилот на куршуми за списокот од второ ниво. Секоја листа може да се вгнезди во друга. Следниот пример ја демонстрира структурата на листа со точки вгнездена во втората ставка од нумерирана листа.

Пример: Вгнездени листи

Пробајте сами »

понеделник
1. Испрати пошта
2. Посета на уредникот
  - Избор на тема
  - Декоративен дизајн
  - Финален извештај
3. Вечерно гледање пораки
вторник
1. Ревидирај распоред
2. Испратете слики
Среда...

понеделник
1. Испрати пошта
2. Посета на уредникот
  - Избор на тема
  - Декоративен дизајн
  - Финален извештај
3. Вечерно гледање пораки
вторник
1. Ревидирај распоред
2. Испратете слики
Среда...

Форматирање списоци со точки

За да го промените изгледот на маркерот на списокот, користете го имотот листа-стил-тип CSS стилски листови:

Следниот пример покажува различни стилови на списоци со точки:

Пример: Стилови на списоци со точки

Пробајте сами »

Кафе

Кафе

Кафе

Кафе

Диск:

Кафе
Млеко

Заокружи:

Кафе
Млеко

Плоштад:

Кафе
Млеко

Никој:

Кафе
Млеко

Графички маркери.

Во HTML е можно да се креира листа со графички маркери. Едно е кога маркерите на списокот се стандардни кругови или квадрати, а сосема друго кога самиот развивач го избира маркерот во согласност со дизајнот на страницата. Со цел да се направат ставките од списокот убави, често се користат мали слики.
За да замените обичен маркер со графички, заменете го имотот листа-стил-типпо имот листа-стил-сликаи наведете ја URL-то на сликата:

Пример: Графички маркери

Пробајте сами »

Знаци на зодијакот

Бик
Близнаци

Знаци на зодијакот

Овен
Бик
Близнаци

Списоци на дефиниции (описи)

Списоците со дефиниција се многу корисни за создавање, на пример, ваш личен речник на термини. Секоја ставка од списокот со дефиниција има два дела: терминот и неговата дефиниција.
Целата листа ја ставате во елемент

(од англискиот термин за дефиниција - дефиниран збор, термин) и

(од англиската дефиниција Опис - опис на поимот што се дефинира).
Списоците на дефиниции често се користат во научни, технички и образовни публикации, користејќи ги за составување поимници, речници, референтни книги итн.

Општата структура на списокот со описи е како што следува:

Прв мандат: Опис на првиот термин
Втор мандат: Опис на вториот термин

Следниот пример покажува една можна употреба на список со дефиниции:

Пример: Список со дефиниција

Пробајте сами »

World Wide Web - од англиски. World Wide Web (WWW) е дистрибуиран систем кој обезбедува пристап до сродни документи лоцирани на различни компјутери поврзани на Интернет.

Интернетот е збир на мрежи кои користат единствен протокол за размена за пренос на информации.: Веб-страница е збир на поединечни веб-страници кои се меѓусебно поврзани со врски и униформен дизајн.
Интернет: World Wide Web
- од англиски World Wide Web (WWW) е дистрибуиран систем кој обезбедува пристап до сродни документи лоцирани на различни компјутери поврзани на Интернет.: — збир на мрежи кои користат единствен протокол за размена за пренос на информации.

Веб-страница

- збир на поединечни веб-страници кои се меѓусебно поврзани со врски и униформен дизајн.Стандардно, текстот на терминот се притиска на левиот раб на прозорецот на прелистувачот, а описот на терминот се наоѓа подолу и се префрла надесно.

HTML листи —

листа со точки
- секој елемент од списокот —
1. означено со маркер,
  нумерирана листаозначени со број
  —
  листа на дефиниции
  - - се состои од термински парови
  
  дефиниција.
  
  Секоја листа е контејнер во кој се наоѓаат елементите на списокот или паровите со дефиниција на термини. Елементите на списокот се однесуваат како блок елементи, наредени еден под друг и ја зафаќаат целата ширина на блокот на контејнерот. Секоја ставка од списокот има дополнителен блок лоциран на страна, кој не учествува во распоредот.
  
  Список со точкиКреирање HTML листи 1. Список со точкие неуреден список
  (од англиската неуредена листа)
  . Создаден со помош на спарена ознака
  . Обележувачот на елементот од списокот е ознака, на пример, исполнет круг.
2. Прелистувачите стандардно го додаваат следното форматирање во блокот на списокот:.
- (од ставка од англиски список)
- достапни .
- Мајкрософт
Ориз. 1. Список со точки
2. Нумерирана листа

Нумериран списоксе креира со помош на спарена ознака. Секоја ставка од списокот е исто така креирана со користење на елементот
. Прелистувачот автоматски ги нумерира елементите по ред, и ако избришете еден или повеќе елементи од таквата листа, преостанатите броеви автоматски ќе се пресметуваат повторно.
Блокот со список има и стандардни стилови на прелистувач:
Достапен е атрибутот вредност, кој ви овозможува да го промените стандардниот број за избраната ставка од списокот. На пример, ако за првата ставка во списокот што сте ја поставиле

, тогаш преостанатото нумерирање повторно ќе се пресмета во однос на новата вредност.

За ознака

Атрибут	Опис, прифатена вредност
обратно	Обратен атрибут предизвикува списокот да се прикажува во обратен редослед (на пример, 9, 8, 7...).
почеток	Атрибутот за почеток ја одредува почетната вредност од која ќе започне нумерирањето, на пример, конструкција на првата ставка ќе му се додели серискиот број „10“. Можете исто така да го наведете типот на нумерирање во исто време, на пример, .
тип	Атрибутот тип го одредува типот на маркерот што ќе се користи во списокот (букви или бројки). Прифатени вредности: 1 — стандардна вредност, децимално нумерирање. А — нумерирање на список по азбучен ред, големи букви (А, Б, Ц, Д). а — нумерирање на листа по азбучен ред, мали букви (a, b, c, d). I - нумерирање со римски големи броеви (I, II, III, IV). i — нумерирање со римски мали броеви (i, ii, iii, iv).

(од ставка од англиски список)
достапни .
Мајкрософт

3. Список на дефиниции

Списоци на дефинициисе креираат со помош на ознака

Блокот со список со дефиниции ги има следните стандардни стилови на прелистувач:

За ознаки

И

достапни .

Директор:: Питер Точилин
Улоги:: Андреј Гајдулијан; Алексеј Гаврилов; Виталиј Гогунски; Марија Кожевникова

Ориз. 3. Список на дефиниции

4. Вгнездена листа

Честопати, можностите на едноставните списоци не се доволни, на пример, кога креирате табела со содржина, нема начин да се направи без вгнездени предмети. Обележувањето за вгнездената листа ќе биде како што следува:

Точка 1.
Точка 2.
- Потклаузула 2.1.
- Потклаузула 2.2.
  - Потклаузула 2.2.1.
  - Потклаузула 2.2.2.
- Потклаузула 2.3.
Точка 3.

Ориз. 4. Вгнездена листа

5. Нумирана листа на повеќе нивоа

Списокот на повеќе нивоа се користи за прикажување ставки од списокот на различни нивоа со различни вдлабнатини. Обележувањето за нумерирана листа на повеќе нивоа ќе биде како што следува:

став
став
1. став
2. став
3. став
  1. став
  2. став
  3. став
4. став
став
став

Оваа стандардна ознака ќе создаде ново нумерирање за секоја вгнездена листа, почнувајќи со еден. За да креирате вгнездено нумерирање, треба да ги користите следниве својства:
контра-ресетирање ресетира еден или повеќе бројачи, наведувајќи ја вредноста што треба да се ресетира;
контра-инкремент ја одредува вредноста на зголемувањето на бројачот, т.е. во кои зголемувања ќе биде нумерирана секоја следна ставка;
содржина - генерирана содржина, во овој случај таа е одговорна за прикажување на бројот пред секоја ставка од списокот.

Ol ( /* отстранете го стандардното нумерирање */ list-style: нема; /* Идентификувајте го бројачот и дајте му го името li. Вредноста на бројачот не е одредена - стандардно е 0 */ counter-reset: li; ) li :before ( /* Го дефинираме елементот што ќе биде нумериран - li. Предниот псевдоелемент покажува дека содржината вметната со користење на својството содржина ќе биде поставена пред ставките на списокот. Вредноста на зголемувањето на бројачот е поставена овде (стандардно е 1 */ counter-increment: li / * Својството на содржината го прикажува бројот на ставката од списокот () значи дека генерираниот текст ги претставува вредностите на сите бројачи со тоа име точка помеѓу броевите и точка со празно место се додава пред содржината на секоја ставка од списокот */ содржина: бројачи(li,") ".
Ориз. 5. Нумирана листа на повеќе нивоа