- 4.5 от 5 въз основа на 2 гласа

Много често определена информация в сайта трябва да бъде представена под формата на списъци.

Списъците ви позволяват да организирате и организирате различна информацияи го представя на посетителя по удобен начин.

Списъците в HTML се предлагат в три разновидности: списъци с водещи символи, номерирани списъци и списъци с дефиниции. Нека видим как да ги създадем по ред.

Маркиран списък.

Този тип списък е най-често използваният. списък с водещи символив HTML се създава с помощта на тагове

• . В същото време срещу всеки елемент от списъка се добавя маркер, по подразбиране това е маркер под формата на кръг. С помощта на тагове се създава контейнер, в който се намират елементите на списъка: .

  Кодът на списъка с водещи символи би изглеждал така:

  • Вариант като този
  • Тази опция
  • Един вид опция

  Можете да опитате да създадете HTML страница, като използвате даден коди завършвате със следния списък:

  

  Както можете да видите, всеки елемент от списъка се намира с нова линия, докато определени отстъпи се създават отляво, отгоре и отдолу. Всеки елемент в списъка започва с маркер, който може да бъде запълнен кръг (по подразбиране), кръг или квадрат. Етикет

  има атрибут type, с помощта на който се задава стилът на маркера. Този атрибут има следните стойности:
  • диск - кръг;
  • кръг - кръг;
  • квадрат - квадрат.

  Стойността на диска се използва по подразбиране.

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

  • Вариант като този
  • Тази опция
  • Един вид опция

  В резултат на това списъкът ще приеме следната форма:

  

  Създаване на списък с водещи символи с квадратни маркери:

  • Вариант като този
  • Тази опция
  • Един вид опция

  Списъкът ще изглежда така:

  

  Атрибутът тип може да се приложи към повече от етикет

  , но и към етикета
  • . По този начин можете да създадете списък с различни маркери.
    • Вариант като този
    • Тази опция
    • Един вид опция

    Резултатът ще бъде следният:

    

    Номерирани списъци.

    Номерираните списъци в HTML са списъци, в които всеки елемент има сериен номер, номерираните списъци се създават с помощта на етикета

    и вложени в своите тагове

    1. 1. Първа линия
       2. Втора линия
       3. трети ред

       Такъв списък изглежда така:

       

       Стандартното номериране е с арабски цифри. Но етикетът

       има атрибут type, с помощта на стойностите на който може да се извърши номерирането с главни (type="A") или малки (type="a") латински букви, римски цифри в горната част (type= "I") и долен (type="i" ) регистър.

       По-долу са дадени съкратени версии на кода и вида на номерирането, което може да бъде в един или друг случай.

       Списъчен изглед:

       Списъчен изглед:

       

       Номериране с малки букви на латинската азбука:

       Списъчен изглед:

       

       Списъчен изглед:

       

       Списъчен изглед:

       

       Списък с дефиниции в HTML.

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

       . Етикет

       създава контейнер за списъка, етикет

       задава термина и етикета

       описание или определение на термин.

       Записано този списъкпо следния начин:

       Срок 1

       Дефиниция на термин 1

       срок 2

       Дефиниция на термин 2

       срок 3

       Дефиниция на термин 3

       Това ще доведе до следния списък:

       

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

       Вложени или многостепенни списъци в HTML.

       Понякога е необходимо да се вложи друг списък в един елемент от определен тип списък. HTML има способността да влага списъци за неопределено време в елементи на други списъци.

       Например, тук е кодът, който влага номерирани списъци в елементи от списък с водещи символи.

       • Вариант като този
         1. Първа линия
         2. Втора линия
         3. трети ред
       • Тази опция
         1. Първа линия
         2. Втора линия
         3. трети ред
       • Един вид опция
         1. Първа линия
         2. Втора линия
         3. трети ред

       Използвайки html списъци, можете да създадете меню за вашия сайт с различни елементи и под-елементи. С помощта на списъци се създава съдържанието (карта) на сайта, което е много удобно за търсачките.

       И така, има тагове "" - те определят списък с водещи символи.
       Тагове "" - дефинират елементи, т.е. елементи от списък с водещи символи.

       Първо, нека създадем прост списък от няколко елемента:

       <html > <глава > <заглавие >Прост HTML списък с водещи символизаглавие > глава > <тяло > <ul > <ли >единли > <ли >двели > <ли >Трили > <ли >Четирили > ul > тяло > html >

       • Три

       За html маркировки можете да зададете някои типове, които са написани вътре
       първи етикет "

       " В тип=""

       Нека създадем списък, в който вместо точки ще има малки кръгове (перфорирани точки). Този тип се нарича " кръг"

       <html > <глава > <заглавие > HTML списък с водещи символизаглавие > глава > <тяло > <ultype= "кръг"> <ли >единли > <ли >двели > <ли >Трили > <ли >Четирили > ul > тяло > html >
       • Четири

       Сега вместо типа "кръг" ще зададем типа " квадрат“ (квадрати)

       <html > <глава > <заглавие > HTML списък с водещи символизаглавие > глава > <тяло > <ultype= "квадрат"> <ли > einли > <ли > zweiли > <ли >дрейли > <ли >виерли > ul > тяло > html >

       В уроците по CSS подробно се разглежда работата със списъци, от които можете да научите как да задавате цветове за елементи и текст в тях, както и как да задавате самия тип маркер (той може да бъде не само квадрат
       или точка - може да бъде почти всеки знак).

       
       

       номерирани списъци html

       Списъците могат не само да бъдат маркирани, но и номерирани, както понякога е необходимо. Това могат да бъдат цифри (1, 2, 3…) и букви от английската азбука в малки и главни букви. Обмислете всичко по-горе.

       За да зададете номерацията се използват таговете "".
       Вътре в първия таг се задава типът.

       Номериране по числа (от едно)

       <html > <глава > <заглавие >номериран списък htmlзаглавие > глава > <тяло > <ол > <ли >Веднъжли > <ли >двели > <ли >Трили > <ли >Четирили > ол > тяло > html >
       1. Четири

       Ако трябва номерацията да започне от нула (нула) или от три, например, тогава трябва да напишете в първия таг начало=""и правилния номер.

       <html > <глава > <заглавие >номериран списък htmlзаглавие > глава > <тяло > <ол начало= "0" > <ли >нулали > <ли >единли > <ли >двели > <ли >трили > ол > тяло > html >

       Сега нека да разгледаме как да настроим "номерирането на буквите".

       малки букви:

       <html > <глава > <заглавие >номерирани списъци htmlзаглавие > глава > <тяло > <oltype= "а"> <ли >живакли > <ли >Венерали > <ли >Земятали > <ли >Марсли > ол > тяло > html >
       1. живак
       2. Венера
       3. Земята

       Главна буква:

       <html > <глава > <заглавие >Номерирани HTML списъцизаглавие > глава > <тяло > <oltype= "А"> <ли >Юпитерли > <ли >Сатурнли > <ли >Уранли > <ли >Нептунли > <ли ><b>Плутонb>ли > ол > тяло > html >
       1. Юпитер
       2. Сатурн
       3. Нептун
       4. Плутон

       В допълнение към обикновените списъци в html можете да създавате списъци на много нива, тоест подсекции за определени елементи. За да направите това, след етикета и името "

       • заглавие "вмъкнете друг списък и след това го затворете с втори етикет"
       "
       <html > <глава > <заглавие > html многослоен списъкзаглавие > глава > <тяло > <ultype= "квадрат" > <ли >цигулкали > <ли >китара<ul > <ли >класическили > <ли >ритъм китарали > <ли >електрическа китарали > ul > ли > <ли >барабанили > <ли >тръбали > ul > тяло > html >
       • цигулка
       • китара
         • класически
         • ритъм китара
         • електрическа китара
       • барабани
       • тръба

       Следващият урок ще разгледа създаването на просто меню въз основа на знанията, получени от този урок.

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

       Стандартът на петата версия на html поддържа 3 вида списъци: номерирани списъци, списъци с водещи символи и списъци с дефиниции. Той също така предоставя възможност за влагане на списъци един в друг, създавайки вложени многостепенни списъци.

       номериран списък

       номериран списъке набор от елементи (елементи от списък), които имат определена последователност. Всеки елемент в номериран списък има уникален маркер, който показва реда на елемента по отношение на други елементи в списъка. По подразбиране маркерите за номерирани елементи от списъка са числа. Първият елемент отива под номер 1, вторият под номер 2 и т.н.

       Най-често срещаните примери за номерирани списъци са рецепти за готвене на различни ястия. Тъй като всяка рецепта е номериран списък с ясна последователност от действия.

       За да създадете номерирани списъци в HTML, използвайте етикета

       , вътре в който са разположени елементите на списъка с данни. Всеки елемент от списъка се идентифицира с етикет.
       1. :

          Номериран списък:

          1. кафе
          2. чай
          3. Мляко
          Опитвам "

          бележка: етикет

          може да съдържа само тагове като дъщерни елементи
          1. , тоест цялото съдържание на номерирания списък трябва да бъде поставено вътре в елементите
          2. . Етикет
          3. , от своя страна, няма ограничения за съдържание, така че можете да поставите в него абзаци, снимки, връзки, таблици, други списъци и т.н.

             списък с водещи символи

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

             HTML тагът се използва за създаване на списъци с водещи символи.

             , вътре в който се намират елементите на самия списък (както при номерираните списъци се използва тагът
             • , който съдържа цялото показано съдържание на списъка):

               Списък с водещи символи:

               • кафе
               • чай
               • Мляко
               Опитвам "

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

               Типовете куршуми в номериран списък могат да се променят с помощта на атрибута тип. Този атрибут поддържа пет типа маркери:

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

               Промяна на маркери за списъци:

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

               1. Ябълки
               2. Банани
               3. Лимони

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

               1. Ябълки
               2. Банани
               3. Лимони

               Видове маркери за списък с водещи символи:

               • Ябълки
               • Банани
               • Лимони
               • Ябълки
               • Банани
               • Лимони
               Опитвам "

               css свойство тип стил на списък, в допълнение към видовете водещи символи за списъци с водещи символи, има много различни типове водещи символи за номерирани списъци. Но не винаги смяната на един стандартен тип маркер с друг е достатъчна за красивия дизайн на списъка. За да проектирате списъци, е по-добре да използвате CSS, който ви позволява не само да промените външния вид на маркера, но и да замените маркерите с изображения, да контролирате тяхното местоположение и да контролирате отстъпа. Можете да видите как да направите всичко това.

               хоризонтален списък

               Ако използвате HTML списъкза да създадете хоризонтално меню, ще трябва да подредите елементите от списъка един след друг на един ред. Не можете да направите това с HTML, така че ще трябва да използвате CSS.

               За да създадете хоризонтален списък, трябва да зададете свойството CSS display на елементите от списъка на inline или inline-block, в зависимост от това какви други свойства ще използвате.

               номериран списък

               1. Ябълки
               2. Банани
               3. Лимони

               Списък с водещи символи:

               • Ябълки
               • Банани
               • Лимони
               Опитвам "

               След това всички елементи в списъка ще се подредят на един ред. Моля, обърнете внимание, че водещите точки ще изчезнат от елементите на списъка и дори няма да има интервал между тях, но отстъпът отляво на списъка ще остане.

               Как да превърнете хоризонтален списък в хоризонтално меню, можеш да видиш .

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

               Етикетите се използват за указване на браузъра, че списъкът ще бъде номериран. .

               Примерен код за номериран списък:

               Html списъци

               1. котки
               2. кучета
               3. коне

               Резултат:

               1. котки
               2. кучета
               3. коне

               Както можете да видите, стандартното номериране е с арабски цифри. Това може да се промени с параметъра Тип:

               - тип="А"- номерация с главни латински букви (A, B, C).

               - тип="а"- номерация с главни латински букви (a, b, c).

               - тип="I"- номерация с големи римски цифри (I, II, III).

               - тип="i"- номерация с малки римски цифри (i, ii, iii).

               Примерен код с римски цифри:

               Html списъци

               1. котки
               2. кучета
               3. коне

               Резултат:

               1. котки
               2. кучета
               3. коне

               Ако трябва да започнем номерирането не от едно, тогава трябва да използваме параметъра започнете, чиято стойност е числото, от което ще започне списъкът (ако номерацията е зададена с букви, тогава това число ще показва позицията в азбуката).

               Примерен код:

               Html списъци

               1. котки
               2. кучета
               3. коне

               Резултат:

               1. котки
               2. кучета
               3. коне

               Етикет можете да зададете параметъра стойност, което ви позволява да промените номера на даден елемент от списъка. Това променя номерирането на всички следващи елементи.

               Примерен код:

               Html списъци

               1. червен
               2. оранжево
               3. жълто
               
               ...............
               4. виолетово

               Резултат:

               1. червен
               2. оранжево
               3. жълто
               
               ...............
               4. виолетово

               Списъци с водещи символи

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

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

               Html списъци с водещи символи

               • котки
               • кучета
               • коне

               Резултат:

               • котки
               • кучета
               • коне

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

               - тип="диск"- рисуван кръг.

               - тип="кръг"- празен кръг.

               - тип="квадрат"- запълнен квадрат.

               Примерен код за списъци с водещи символи:

               Html списъци с водещи символи

               • котки
               • кучета
               • коне
               • котки
               • кучета
               • коне
               • котки
               • кучета
               • коне

               Резултат:

               • котки
               • кучета
               • коне
               • котки
               • кучета
               • коне
               • котки
               • кучета
               • коне

               Списъци с дефиниции

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

               . Всеки термин е ограден в тагове
               и техните дефиниции в тагове
               .

               Пример за код на списък с дефиниции:

               Списъци с дефиниции Термин 1 Термин дефиниция 1 Термин 2 Термин дефиниция 2

               Резултат:

               Вложени списъци

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

               Пример за код на многостепенен списък:

               Вложени списъци

               • Животни
                 1. котки
                 2. кучета
               • растения
                 1. дървета
                 2. цветя

               Езикът HTML предоставя специален набор от тагове за представяне на информация под формата на списъци. Списъците са една от най-често използваните форми за представяне на данни както в електронни, така и в печатни документи. Срещаме списъци почти ежедневно, независимо дали това е списък с нужди за пазаруване в магазина, ученици в класната стая или просто задачи, които трябва да бъдат изпълнени. Възможността за организиране на списъчни структури е достъпна в много текстови редактори, по-специално мощният текстообработващ процесор Microsoft Word има удобни инструменти за форматиране на списъци от различни типове (възможностите за създаване на HTML списъци с помощта на Microsoft Word са обсъдени в глава 8). Ето няколко случая, в които използването на списъци е доста удобно:

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

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

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

               ,
               ,

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

               списък с водещи символи

               Един от видовете списъци, реализирани в HTML, е списъкът с водещи символи. В противен случай списъците от този тип се наричат ​​неподредени или

               разстроен. Фамилното име често се използва като официален превод на съответното име на етикет.

               , с помощта на които се организират списъци от този тип в HTML документи (UL - Unordered List, неподреден списък).

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

               Етикети

               И<LI >

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

               
               .

               Всеки елемент от списъка трябва да започва с етикет

               • (LI - Елемент от списък, елемент от списък). Етикет
               • не се нуждае от подходящ затварящ таг, въпреки че присъствието му по принцип не е забранено. Браузърите обикновено започват всеки нов елемент от списъка на нов ред, когато показват документ.

                 Горната информация е достатъчна за съставяне на елементарен списък с водещи символи. Ето пример за HTML документ, използващ списък с водещи символи, изобразяването на който в браузъра е показано на фиг. 2.1.

                 Зодии:

                 • Овен

                 • Телец

                 • Близнаци

                 • Рак

                 • лъв

                 • зодия Дева

                 • Везни

                 • скорпион

                 • Стрелец

                 • Козирог

                 • Водолей

                 • Риба

                 Ориз. 2.1.Показване на списък с водещи символи в браузъра

                 Имайте предвид, че в допълнение към елементите от списъка, маркирани с етикета

               • , може да присъстват други HTML елементи. В горния пример един от тези елементи е обикновен текст, който не е елемент от списъка, а играе ролята на негово заглавие.

                 Забележка

                 В някои учебници по езика HTML има индикация, че тагът контейнер трябва да се използва за задаване на заглавието на списъка (LH - Заглавка на списък, заглавка на списък). Този етикет в момента не се разпознава от нито един от обичайните браузъри и не е част от HTML спецификацията. Така използването му става безсмислено, въпреки че няма да доведе до никакви грешки.

                 В етикета

                 могат да бъдат зададени два параметъра: COMPACT и TYPE.

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

                 Забележка

                 В момента присъствието на параметъра COMPACT в етикета

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

                 Параметърът TYPE може да приема следните стойности: диск, кръг и квадрат. Този параметър се използва за принудително показване на списъчните маркери. Точният вид на маркера ще зависи от браузъра, който използвате. Типичните опции за показване са както следва:

                 TYPE = диск - маркерите се показват като плътни кръгове; TYPE = кръг - маркерите се показват като незапълнени кръгове; TYPE = квадрат - маркерите се показват като запълнени квадрати. Пример за запис:

                 .

                 Стойността по подразбиране е TYPE = диск. За вложени списъци с водещи символи стойността по подразбиране е диск на първо ниво, кръг на второ ниво и квадрат на трето ниво. Точно това се прави в последните версии на браузърите Netscape и Internet Explorer. Имайте предвид, че други браузъри може да показват маркерите по различен начин. Например, в спецификацията на HTML 4.0, типът на маркера, показван, когато TYPE = square, е посочен като квадратно очертание.

                 Параметърът TYPE със същите стойности може да се използва за указване на типа маркери за отделни елементи от списъка. За да направите това, параметърът TYPE със съответната стойност може да бъде указан в тага на елемента на списъка

                 • .

                   Пример за запис:

                 • .

                   Забележка

                   Браузърите интерпретират по различен начин указанието за типа маркер за отделен елемент от списъка. Браузърът Netscape променя външния вид на маркера за този и всички следващи, докато се срещне следващото предефиниране на външния вид на маркера. Internet Explorer променя само външния вид на маркера за този елемент.

                   Избройте графични маркери

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

                   За да разберете идеята, трябва да разберете как списъците се внедряват в HTML страници. Оказва се, че етикетът списък

                   (както и списъчни тагове от други типове, обсъдени по-долу) изпълнява единствената задача - показва на браузъра, че цялата информация, разположена след този таг, трябва да се показва с изместване надясно (отстъп) с известна сума. етикети
                   • Посочването към отделни елементи от списък предоставя стандартни маркери за елементи от списък.

                     Ако трябва да изградим списък с графични маркери, тогава можем да се справим изобщо без тагове

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

                     Или принудително подаване на ред
                     . Пример за изпълнение на списък с графични маркери, чийто дисплей е показан на фиг. 2.2 е показано по-долу:

                     Зодии:
                     

                     Овен
                     

                     Телец
                     

                     зодия Близнаци
                     

                     пакет
                     

                     Лео
                     

                     зодия Дева
                     

                     Везни
                     

                     скорпион
                     

                     Стрелец
                     

                     Козирог
                     

                     Водолей
                     

                     Риба

                     

                     Ориз. 2.2.Списък с водещи символи с графични символи

                     В дадения пример графичният файл Green_ball.gif се използва като маркер на елемент от списък. Обърнете внимание, че използването на графики в HTML страници може значително да увеличи количеството предавана информация. В случая обаче това увеличение е изключително малко. Тук един и същ файл се използва за всички маркери,

                     който ще се предава само веднъж. Размерът на файл, съдържащ малко изображение, също е изключително малък.

                     Забележка

                     Техниките за създаване на списъци с графични маркери се обсъждат на свой ред в Глава 8.

                     номериран списък

                     Друг тип списък, реализиран в HTML, е номерираният списък. В противен случай списъците от този тип се наричат ​​подредени. Фамилното име често се използва като официален превод на съответното име на етикет.

                     , с помощта на които се организират списъци от този тип в HTML документи (OL - Ordered List, подреден списък).

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

                     Етикети

                     И

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

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

                     2. .

                        Ето пример за HTML документ, използващ номериран списък, чийто дисплейбраузърът е показан на фиг. 2.3.

                        Най-ярките звезди, видими от Земята, са:

                        • Сириус

                        • К анопус

                        • Арктур

                        • Алфа Кентавър

                        • Вега

                        • К апела

                        • Ригел

                        • Процион

                        • Ахернар

                        • Бета Кентавър

                        • Ветелгейзе

                        • Алдебаран

                          
                          . . .

                        • Мизар

                          
                          . . .

                        • Полярен

                        

                        Ориз. 2.З.номериран списък

                        В етикета

                        могат да бъдат зададени следните параметри: COMPACT, TYPE и START.

                        Параметърът COMPACT има същото значение като списъците с водещи символи. Параметърът TYPE се използва за указване на начина на номериране на списъка. Може да приема следните стойности:

                        TYPE = A - задава маркери под формата на главни латински букви;

                        TYPE = a - задава маркери под формата на малки латински букви;

                        TYPE = I - задава маркери под формата на големи римски цифри;

                        TYPE = i - задава маркери под формата на малки римски цифри;

                        TYPE = 1 - задава маркери под формата на арабски цифри.

                        По подразбиране винаги се използва стойността TYPE = 1, т.е. номерирането се извършва с арабски цифри. Това се отнася и за вложени подредени списъци. Тук, за разлика от списъците с водещи символи, браузърите по подразбиране не правят различно номериране на различните нива на влагане на списъците. Имайте предвид, че след номера на елемента от списъка винаги допълнително се показва знакът "точка".

                        Параметърът TYPE със същите стойности може да се използва, за да се укаже как да бъдат номерирани отделните елементи на списъка. За да направите това, параметърът TYPE със съответната стойност може да бъде указан в тага на елемента на списъка

                        1. .

                           Пример за запис:

                        2. .

                           Етикет START параметър

                           ви позволява да започнете да номерирате списъка не от един. Стойността на параметъра START винаги трябва да бъде естествено число, независимо от вида на номерацията на списъка. Ето един пример:
                           .

                           Такава нотация определя номерирането на списъка от главната латинска буква "E". За други видове номерация, записът START=5 ще зададе номерацията съответно от числото "5", римската цифра "V" и т.н.

                           Промяната на вида на номерирането на списъка и стойностите на числата също може да се направи за всеки елемент от списъка. Етикет

                           5. за номерирани списъци, позволява използването на параметрите TYPE и VALUE. Параметърът TYPE може да приема същите стойности като за етикета
                              .

                              Ппример за запис:

                              1. .

                                 Забележка

                                 Браузърите интерпретират указанието за вида на номерирането за отделен елемент от списъка по различни начини. Браузърът Netscape променя номерирането за този елемент и всички следващи елементи, докато не се срещне следващото заместване. Internet Explorer променя само външния вид на номера за този елемент.

                                 Зстойност на параметъра VALUE на маркера

                              2. - позволява ви да промените номера на даден елемент от списъка. Това променя номерирането на всички следващи елементи. Типична употреба е за списъци, където някои елементи са пропуснати. Пример за такъв списък беше даден по-горе (фиг. 2.3). Той дава подреден списък на най-ярките звезди, в който на 58 и 75 места има звезди, които са ясно видими в нашите географски ширини (Мизар е най-ярката звезда в съзвездието Голяма мечка, а Полярната звезда е Малката мечка).

                                 Ето още един оригинален пример за използването на различни видове номериране. HTML кодът по-долу дефинира три списъка с различно номериране. За по-лесно разглеждане всеки от списъците е поставен в отделна клетка на таблицата. И трите списъка са идентични и се различават само по вида на номерацията: в първата колона на таблицата - арабски цифри, във втората - римски, а в третата номерацията е с латински букви. Имайте предвид, че елементите на списъка са празни, т.е. след всеки таг

                              3. няма данни. Пример от този вид може да се използва като таблица за съответствие между арабски и римски цифри. Оказва се, че всеки браузър, който поддържа списъци, може да се използва за генериране на такава таблица (Фигура 2-4), стига да въведете предоставения HTML код. Номерирането с римски цифри работи правилно до стойност 3999. Като разгледате дясната колона, можете да разберете как се извършва номерирането с латински букви. След изчерпване на еднобуквената номерация (от А до Я) за следващо се приема първото двубуквено число - АА и т.н.

                                 . . .

                                 . . .

                                 . . .

                                 

                                 Ориз. 2.4.Различни видове номериране на HTML списъци

                                 Списък с определения

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

                                 Списъците с дефиниции се указват с помощта на етикета контейнер

                                 (Списък с дефиниции). Вътре в етикета на контейнера

                                 (Definition Term) дефинираният термин е маркиран и етикетът

                                 (Definition Description) - абзац с неговата дефиниция. За тагове

                                 И

                                 можете да пропуснете съответните крайни етикети.

                                 Като цяло списъкът с определения е написан, както следва:

                                 Срок

                                 Определение на термина

                                 В текста след тага

                                 елементи на ниво блок, като тагове за параграфи, не могат да се използват

                                 или заглавия

                                 -

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

                                 , могат да се поставят елементи на ниво блок. От това следва по-специално, че списъците с дефиниции могат да бъдат вложени.

                                 В етикета

                                 параметърът COMPACT може да бъде указан, чиято цел е подобна на другите списъци, описани по-горе.

                                 Ето пример за HTML документ, който използва списък с дефиниции:

                                 Класификация на типичните човешки темпераменти,
                                 основан

                                 върху възгледите на Хипократ

                                 Флегматичен човек

                                 Пасивен, много работоспособен, бавно се адаптира;
                                 настроението е стабилно, малко податливо на външно влияние;
                                 летаргия на емоционалните реакции и забавяне на волевата активност
                                 
                                 

                                 сангвиник

                                 Активен, енергичен, адаптивен, -
                                 жизненост и подвижност на емоционалните реакции, бързина и сила на волевите прояви
                                 
                                 

                                 Холерик

                                 Активен, много енергичен, упорит;
                                 импулсивност и сила на емоционалните реакции, бурни волеви прояви
                                 
                                 

                                 Меланхолик

                                 Пасивен, лесен за умора, труден за адаптиране -
                                 слабост на волевите прояви и преобладаване на депресивно настроение, неувереност в себе си

                                 Показването на дадения HTML документ в браузъра е показано на фиг. 2.5.

                                 

                                 Ориз. 2.5.Списък с дефиниции (наподобява група от записи в речник)

                                 Типови списъци

                                 И

                                 Типови списъци

                                 И сега практически не се използват, въпреки че все още се осигурява поддръжката им от водещи браузъри. В спецификацията на HTML 4.0 и двата типа списъци са маркирани като остарели. Вместо това се предлага да се използват списъци с водещи символи, определени от етикета

                                 .

                                 Първоначално списъците от този тип са били замислени като по-компактни от конвенционалните списъци с водещи символи. Съгласно правилата за писане на елементи от тези списъци, те нямаха право да използват блокови елементи, което означава, че е невъзможно да се приложи влагането на списъци от този тип. Всеки елемент от списъка беше един ред текст.

                                 За списъци като

                                 беше планирано да се въведе ограничение за "дължината на текста на елемента от списъка (24 знака). Подобно ограничение би позволило

                                 тип списъци

                                 във форма, подобна на изброяване на директории в операционни системи UNIX и MS-DOS при използване на ключа /W (в няколко колони). В допълнение, водещите символи не бяха показани за елементи от списък от този тип.

                                 Понастоящем всички тези идеи не са реализирани, тъй като по-нататъшното използване на списъци от тези типове не се препоръчва. Съвременните версии на браузърите изобразяват списъци от тези типове по абсолютно същия начин като списъците от типа

                                 .

                                 Вложени списъци

                                 Има моменти, когато елемент от списък от един тип трябва да включва цял списък от същия или друг тип. Това ще организира многостепенни или вложени списъци. HTML позволява произволно влагане на различни типове списъци, но трябва да се внимава при организирането им.

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

                                 Сателити на някои планети

                                 • Земпа

                                   1. Луна

                                 • mapc

                                   1. Фобос

                                   2. Деймос

                                 • Уран

                                   1. Ариел

                                   2. Умбриел

                                   3. Титания

                                   4. Оберон

                                   5. Миранда

                                 • Нептун

                                   1. Тритон

                                   2. Нереида