Как да внедрим различни типове списъци в HTML?



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

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

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

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





    • Използва се за дефиниране на неподреден списък
      1. Използва се за дефиниране на подреден списък
      2. Използва се за дефиниране на елемент от списък
      3. Използва се за дефиниране на списък с описания
      4. Използва се за дефиниране на термин в списък с описания
      5. Използва се за описание на термина в списък с описания

    Нека разберем как можете да създадете различни видове списък в HTML.

    Неуреден списък

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

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



       

      Спорт

      • Крикет
      • Футбол
      • Бейзбол

      Изход:

      Неуреден списък в HTML

      Неподреден HTML списък: Различни маркери за артикули



      Можете да избирате от списък с маркери, като използвате свойството на CSS-style-type type. Нека да разгледаме различни свойства на типа CSS списък тип, които можете да използвате, за да дефинирате различен стил на маркери:

      • диск : Задава маркера на елемента от списъка на маркер
      • кръг : Задава маркер на елемента от списъка на кръг
      • квадрат : Задава маркера на елемента от списъка на квадрат
      • нито един : Елементите от списъка няма да бъдат маркирани

      Диск:

       

      Спорт

      • Крикет
      • Футбол
      • Бейзбол

      Изход:

      Диск в HTMLКръг:

       

      Спорт

      • Крикет
      • Футбол
      • Бейзбол

      Изход:

      Списък с кръгове в HTMLКвадрат:

       

      Спорт

      • Крикет
      • Футбол
      • Бейзбол

      Изход:

      какво е подниз в Java

      SquareНито един:

       

      Спорт

      • Крикет
      • Футбол
      • Бейзбол

      Изход:

      NoneСега, след като разбрахме как да създадем неподреден списък в HTML, нека разберем как да създадем подреден списък в HTML.

      Подреден списък

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

        и след това определяме списъка с елементи в
      1. етикет.
        По подразбиране списъкът с елементи е маркиран с цифри.

         

        Спорт

        1. Крикет
        2. Футбол
        3. Бейзбол

        Изход:

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

        Подреден HTML списък - Тип атрибут

        Има различни видове маркери на артикули за подреден списък:

        • type = ”1 ″ Елементите от списъка ще бъдат номерирани с цифри (по подразбиране)

        • тип = ”A” Елементите от списъка ще бъдат номерирани с главни букви

        • тип = 'а' Елементите от списъка ще бъдат номерирани с малки букви

        • тип = ”I” Елементите в списъка ще бъдат номерирани с главни латински цифри

        • тип = ”i” Елементите от списъка ще бъдат номерирани с малки римски числа

        Номера:

         

        Спорт

        1. Крикет
        2. Футбол
        3. Бейзбол

        Изход:

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

         

        Спорт

        1. Крикет
        2. Футбол
        3. Бейзбол

        Изход:

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

         

        Спорт

        1. Крикет
        2. Футбол
        3. Бейзбол

        Изход:

        Малка букваГлавна буква Roman Nu mber с:

         

        Спорт

        1. Крикет
        2. Футбол
        3. Бейзбол

        Изход:

        Главно римско число

        Малки римски числа:

         

        Спорт

        1. Крикет
        2. Футбол
        3. Бейзбол

        Изход:

        Малки римски числа

        HTML списъци с описания

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

        етикет.
        таг дефинира термина &
        таг добавя описание към тях.

         

        Спорт

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

        Изход:

        Вложен списък в HTML

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

        кои от следните са примери за контролни изявления?
         

        Спорт

        • Тенис на маса
        • Крикет
          • Вират кохли
          • Джо Корен
      2. Баскетбол

    Изход:

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

    Вижте нашите което се предлага с обучение под ръководството на инструктори на живо и опит в реалния живот на проекти. Това обучение ви кара да владеете умения за работа с back-end и front-end уеб технологии. Включва обучение по уеб разработка, jQuery, Angular, NodeJS, ExpressJS и MongoDB.

    Имате въпрос към нас? Моля, споменете го в раздела за коментари в блога „Списък в HTML“ и ние ще се свържем с вас.