muzruno.com

Как да направите списък в списъка. HTML-ръководство за начинаещи

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

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

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

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

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

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

списък в html списък

Поръчан списък

Нека започнем с най-използвания и разпространен списък - подреден. В този случай изброяването на определена информация се извършва в определен ред и всеки елемент е номериран. Например списък с класове:

  1. Иванов.
  2. Петров.
  3. Сидоров и т.н.

Задайте този списък с помощта на сдвоени маркери

    и
. Започва с тагове за отваряне
    , и завършва с маркер
. Всеки нов елемент от списъка започва с двоен етикет
  • и завършва със затваряне
  • .

    Сега знаете как да направите HTML списък. Както можете да видите, за това е достатъчно да запомните само два маркера.

    Малко за параметрите на маркера

      - typeandstart.

    Първата посочва вида на номерацията - азбучен или цифров. Това може да отнеме такива параметри: A, a, I, i, 1.

    Първите две стойности са номерирани с латински букви - главни и малки букви, вторите две - големи и малки римски цифри, последната стойност се използва, ако искате списъкът да бъде номериран Арабски цифри.

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

    Вторият параметър - старт - указва номера, от който започва номерирането на списъка.

    Ще кажем и няколко думи и параметрите на маркера

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


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

    1. Въведение.
    2. Основната част.
      а) мнението на другите -
      в) моето мнение -
      в) Доказателства.
    3. Заключения.

    Много е лесно да създадете такъв списък в списъка с HTML. Достатъчно е да напишете един главен списък и след това да създадете втория под-елемент на правилното място, като използвате различно номериране. Ето примерният код, базиран на нашия списък:

      1. .
    • 1. Въведение
    • .
    • 2. Основната част
    • .
    • мнението на другите
    • .
    • моето мнение
    • .
    • доказателства
    • .
    • .
    • 3. Заключения
    • .
    • .

    Неорганизиран списък

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

    как да направите html списък

    Този списък е указан с помощта на сдвоения маркер

      и
    . В този случай всеки нов елемент започва със същия двоен етикет.

    Той има само един параметър - тип, който определя вида маркер. Маркерът може да бъде кръг - боядисан или не, както и боядисан квадрат. Така че празен кръг има диска с стойности, сенчестия кръг. Квадратът се дава с квадрат.

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

    Падащ списък

    падащ списък htmlИ последният тип списъци е падащо меню. По принцип се използва със скриптове и служи на потребителя да изпрати тази или тази информация на собствениците на сайта или определена програма.

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

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

    Самият списък се дефинира с помощта на сдвоени маркери .

    Всеки нов елемент започва с двоен етикет .

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

    как да направите списък в html

    данни

    Един от най-използваните елементи на страниците на сайтове е списъците. Създаването им е много проста, като използват само няколко етикета с прости параметри. Ако искате, можете да направите списък в списъка. HTML маркировката ви позволява да го създадете само за няколко минути.

    Споделяне в социалните мрежи:

    сроден