Які бывае спіс? віды спісаў

Як правіла, некаторую інфармацыю лепш за ўсё прадставіць як спіс. Віды спісаў дазваляюць рабіць гэта максімальна зручна. Калі карыстальнік ўбачыць суцэльны тэкст, яму будзе чытаць нязручна.

Дзякуючы спісах карыстачу лягчэй прачытаць якія-небудзь што пералічваліся пункты, чым у адзін радок. Менавіта таму яны ўвесь час выкарыстоўваюцца як на сайтах, так і ў дакументах Word і іншых тэкставых рэдактарах.

Віды спісаў HTML

Спісы бываюць нумараваныя і маркіраваныя, якія таксама называюцца Ненумераваны.

У нумараваных спісах выкарыстоўваюць арабскія, рымскія лічбы, літары і ўсё астатняе, дзякуючы чаму можна зрабіць пералік.

У маркіраваных спісах ўжываюць розныя маркеры (кропкі, колы, квадрацікі, стрэлачкі і гэтак далей).

Прывядзём прыклады тыпу сартавання пунктаў у спісах.

На малюнку вышэй пазначаны простыя аднаўзроўневых спісы. Але ў дакументах могуць выкарыстоўвацца і шматузроўневыя. Узроўняў можа быць бясконцую колькасць.

На малюнку вышэй паказана, якія могуць быць шматузроўневыя нумараваныя і маркіраваныя спісы.

стварэнне

У html вельмі лёгка стварыць спіс. Віды спісаў у html-разметцы вельмі падобныя. Яны адрозніваюцца толькі пачатковым і канчатковым тэгам. Самі пункты спісаў абазначаюцца такім жа тэгам. Тут вы не заблытацца.

Разгледзім прыклад стварэння нумараванага спісу:

1. Пункт 1

2. Пункт 2

3. Пункт 3

   Гэтага кода дастаткова, каб быў звычайны спіс з арабскімі лічбамі. Гэты варыянт сартавання задаецца па змаўчанні. Астатнія варыянты разгледзім крыху далей.

   Маркіраваны спіс выглядае вось так:

   • Пункт 1

   • Пункт 2

   • Пункт 3

     Розніца ў тым, што для нумараванага пералічэння ставіцца тэг ol, а для Ненумераваны - ul.

     Віды спісаў у Word

     У рэдактары Word віды спісаў ствараюцца дакладна такія ж. Больш за тое, у некаторых рэдактарах html-кода ёсць магчымасць экспарту змесціва з "Ворда". Гэтыя спісы выдатна пераносяцца туды і афармляюцца адпаведнымі тэгамі.

     Калі вам складана самастойна з нуля скласці шматузроўневы спіс на html, то можаце стварыць яго спачатку ў рэдактары Word. Потым перакладзіце яго ў html-разметку.

     Разгледзім, як ствараць спісы ў Microsoft Word. Там ёсць адмысловая панэль "Спіс". Віды спісаў там падзеленыя на групы.

     Як толькі вы націскаеце на які-небудзь тып, адразу ж прапануюцца варыянты сартавання. На малюнку вышэй прапанавана выбраць тып маркера для Ненумераваны спісу. Тое ж самае і для астатніх варыянтаў.

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

     Аперацыі са спісамі

     У рэдактары Word можна пераўтварыць любы спіс. Віды спісаў выбіраюцца праз галоўную панэль або праз правы клік. Трэба вылучыць тэкст, які вы хочаце прадставіць у падобным выглядзе, і націснуць правую клавішу мышы.

     Выбраць можна як нумараваны, так і маркіраваны спіс.

     Акрамя гэтага ёсць магчымасць задаць пачатковую пазіцыю адліку. Напрыклад, вам трэба вывесці пункты з 10-га па 12-й. Але па змаўчанні спіс будзе з 1-га пункта. Для гэтага вам трэба задаць пачатковае значэнне "10".

     Як бачыце, рэдактар дазваляе змяняць яшчэ і водступы.

     Калі вылучыць толькі 3-ці пункт і націснуць правую клавішу мышы, то з'явіцца магчымасць пачаць нумарацыю нанава, з адзінкі.

     У любы момант з простага спісу можна зрабіць шматузроўневы. Для гэтага трэба стаць на патрэбны вам пункт і зноў зрабіць правы клік мышы. Далей перайсці да пункта меню "Нумарацыя" і ў самым нізе націснуць на "Змяніць узровень спісу".

     На самай жа справе тут нічога складанага няма. Усе пункты меню створаны прадумана. Кантэкстнае меню (пры націску правай клавішы) заўсёды мяняецца і залежыць ад таго, на што менавіта вы націснулі (спіс, спасылка, карцінка і гэтак далей).

     Афармленне спісаў у html

     Афармляць тэгі можна праз класы стыляў або кожны раз індывідуальна. У самым пачатку была паказана табліца з рознымі варыянтамі пералічэння. Там былі пазначаны варыянты decimal, disc, circle і гэтак далей. Гэта значэнне трэба паказваць ва ўласцівасці класа або стылю list-style-type.

     Напрыклад вось так:

     .sort {

     list-style-type: disc;

     }

     Досыць паказаць клас sort якому-небудзь спісу, і ён будзе прадстаўлены адпаведным чынам.

     У рэдактары Word можна задаваць пачатковыя значэння. Пра гэта было сказана вышэй. Тое ж самае дазваляецца і ў html.

     Робіцца гэта атрыбутам start. Прыклад высновы пунктаў з пачатковым значэннем "5":

     1. Пункт 1

     2. Пункт 2

     3. Пункт 3

        У выніку вы ўбачыце лічбы 5, 6 і 7, а не 1, 2 і 3.

        Акрамя гэтага можна паказваць, дзе будзе размешчаны маркер: усярэдзіне ці звонку. Прыклад - ніжэй.

        Акрамя гэтага да спісаў можна ўжыць разнастайныя хітрыкі CSS. Гэта значыць пункты спісаў можна:

        • размаляваць любым колерам;
        • задаць любыя водступы;
        • паказаць любы памер шрыфта;
        • паказаць любы шрыфт;
        • наладзіць адлегласць паміж пунктамі;
        • задаць фонавы колер;
        • задаць любыя маркеры;
        • аформіць ценямі;
        • наогул прыбраць маркеры;
        • вывесці пункты гарызантальна;
        • ствараць шматузроўневыя спісы, якія цалкам адрозніваюцца ад бацькоўскага пункта, і многае іншае.

        Напрыклад, спіс можна прадставіць у такім выглядзе:

        Пры афармленні спісаў галоўнае - не перастарацца. Яны служаць для палегчанага ўспрымання інфармацыі. Ня трэба ператвараць усё гэта ў рознакаляровае бязладдзе.