HTML кодът за вложени списъци

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

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

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

    тагове. Това дава списък с водещи символи - въпреки че можете да премахнете куршумите в CSS, като настроите типа стил на "none". Вторият е подреден списък, наречен с
      , който връща номериран списък. Между началните и затварящите маркери можете да дефинирате всеки елемент от списъка. Например:

      • Списък 1
      • Списък 2

      Вмъкнат списък

      За да създадете вложен списък, трябва да извикате секунда

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

          • Списък 1
            1. Позиция от списък 1
            2. Под-списък точка 2. \ t
            3. Под-списък точка 3. \ t
          • Списък 2

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

        2. ,
      и ,

      Обявяване на CSS

      Ако искате да персонализирате външния вид на вложените списъци, трябва да използвате CSS, който означава "Cascading Style Sheet". Естетиката и позиционирането на CSS обикновено се съдържат в отделен стилов лист, който се нарича между етикетите на главата с код, подобен на следния:

      CSS може също да бъде обявен за "Inline", което означава, че в самия атрибут на HTML, по този начин:

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

        В таблицата със стилове

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

        ul {

        атрибут: стойност;

        }

        Това ще даде стил на неупоменатия списък. Да придаде стил на вложено

      • , използвайте следния код:

        li li {

        атрибут: стойност;

        }

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

      Препоръчано

      Влиянието на финансите върху растежа на бизнеса
      2019
      Основен бизнес етикет
      2019
      Контролен списък за съответствие на трудовото законодателство
      2019