Какъв е списъкът? Видове списъци

Като правило, най-добре е информацията да бъде представена като списък. Видовете списъци ви позволяват да направите това възможно най-удобно. Ако потребителят види солиден текст, той ще прочете неудобно.

Благодарение на списъците, потребителят е по-лесно да прочете всички изброени елементи, отколкото на един ред. Ето защо те постоянно се използват както на сайтове, така и в Word документи и други текстови редактори.

Видове HTML списъци

Списъците могат да бъдат номерирани и маркирани, които също се наричат ​​неномерирани.

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

Маркираните списъци използват различни маркери (точки, кръгове, квадратчета, стрелки и т.н.).

Ето някои примери за сортиране на елементи в списъци.

Фигурата по-горе показва лесни списъци с едно ниво. Но в документите може да се използва и на много нива. Нивата могат да бъдат безкраен брой.

Фигурата по-горе показва какво могат да бъдат списъци с номерирани и подредени на няколко нива.

създаване

В html е много лесно да се създаде списък. Типовете списъци в html-markup са много сходни. Те се различават само в началните и крайните маркери. Самите елементи от списъка са означени със същия етикет. Тук няма да се объркате.

Да разгледаме пример за създаване на номериран списък:

Този код е достатъчно, за да има нормален списък с арабски цифри. Тази опция за сортиране е зададена по подразбиране. Останалите варианти ще бъдат разгледани малко повече.

Списък с буквени букви изглежда така:

Разликата е, че за изброеното изброяване, ol тагът е поставен, а за небродираното изброяване се поставя ul.

Видове списъци в Word

В редактора на Word видовете списъци се създават точно същите. Освен това, в някои html-code редактори има възможност за експортиране на съдържание от "Word". Тези списъци са перфектно прехвърлени там и се обработват от съответните етикети.

Ако ви е трудно да се измъкнете от нулата многоетажен списък на html, тогава можете да го създадете първо в редактора на Word. След това го превеждайте в html-markup.

Обмислете как да създавате списъци в Microsoft Word. Има специален панел "Списък". Типовете списъци са разделени на групи.

Щом кликнете върху който и да е тип, веднага предлагате опции за сортиране. На фигурата по-горе се предлага да се избере тип маркер за невинен списък. Същото важи и за други опции.

Когато се отвори библиотеката от списъци на няколко нива, можете да видите смесено сортиране.

Списък операции

В редактора на Word можете да конвертирате всеки списък. Видовете списъци се избират чрез главния панел или чрез десния бутон. Трябва да изберете текста, който искате да представите в тази форма, и натиснете десния бутон на мишката.

Можете да изберете както номериран, така и номенклатурен списък.

Освен това е възможно да се зададе началната позиция на справката. Например, трябва да извлечете елементи от 10-то до 12-то. Но по подразбиране списъкът ще бъде от първия елемент. За да направите това, трябва да зададете началната стойност на "10".

Както можете да видите, редакторът ви позволява да промените вдлъбнатината също.

Ако изберете само третия елемент и натиснете десния бутон на мишката, ще можете да започнете изброяването отново, от една.

По всяко време от обикновения списък можете да направите много нива. За да направите това, трябва да застанете на желания елемент и отново да кликнете с десен бутон на мишката. След това отидете до елемента от менюто "Номериране", а в долната част кликнете върху "Промяна на нивото в списъка".

Всъщност няма нищо сложно. Всички елементи от менюто се създават замислено. Контекстното меню (когато натискате десния клавиш) винаги се променя и зависи от това, на което сте кликнали (списък, връзка, картина и т.н.).

Регистрация на списъци в html

Можете да украсяте маркери чрез класове стил или поотделно всеки път. В самото начало бе показана таблица с различни опции за изброяване. Имаше изброени опции за десетичен, диск, кръг и т.н. Тази стойност трябва да бъде зададена в собствеността на класа или стилния стил.

Така например:

.sort {

списък стил: диск;

}

Достатъчно е да посочите класа на определен списък и той ще бъде представен съответно.

В редактора на Word можете да зададете начални стойности. Това беше споменато по-горе. Същото е позволено в html.

Това се извършва от атрибута за начало. Пример за продукция на елементи с начална стойност "5":

В резултат ще видите числата 5, 6 и 7, а не 1, 2 и 3.

Освен това можете да посочите къде се намира маркерът: вътре или извън. Един пример е по-долу.

В допълнение към този списък можете да приложите всички видове CSS трикове. Тоест, елементите в списъка могат да бъдат:

• украсяват с всякакъв цвят;
• уточнете всички отстъпки;
• укажете всеки размер на шрифта;
• да посочите всеки шрифт;
• коригирайте разстоянието между точките;
• задайте цвета на фона;
• да посочите маркери;
• начертайте сенки;
• обикновено премахват маркерите;
• теглете елементи хоризонтално;
• създаване на списъци на няколко нива, които са напълно различни от родителския елемент и много други.

Например списъкът може да бъде представен в тази форма:

При съставянето на списъци основното не е да прекалявате. Те служат за улесняване на възприемането на информацията. Не е нужно да превърнете всичко това в многоцветна позор.