Как реализовать различные типы списков в HTML?



Эта статья предоставит вам подробные и всесторонние знания о различных типах списков в HTML с примерами и кодом.

Списки - один из важных способов представления данных и информации, где каждая запись отображается в одной строке. Существуют различные способы представления данных в виде списка, например, в упорядоченном или неупорядоченном виде. Я буду освещать следующие темы в этом списке в статья:

Типы списков в HTML

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





    • Используется для определения неупорядоченного списка
      1. Используется для определения упорядоченного списка
      2. Используется для определения элемента списка
      3. Используется для определения списка описаний
      4. Используется для определения термина в списке описания
      5. Используется для описания термина в списке описания

    Давайте разберемся, как можно создавать разные виды списков в HTML.

    как перевернуть строку Python

    Неупорядоченный список

    Чтобы определить неупорядоченный список в HTML, мы используем

      тег, а затем мы определяем список элементов в
    • тег. По умолчанию список элементов отмечен маркерами (то есть маленькими черными кружками).



       

      Виды спорта

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

      Вывод:

      Неупорядоченный список в HTML

      Неупорядоченный список HTML: разные маркеры элементов



      Вы можете выбрать из списка маркеров, используя свойство CSS list-style-type. Давайте посмотрим на разные свойства CSS list-style-type, которые можно использовать для определения разных стилей маркеров:

      • диск : Устанавливает маркер элемента списка в маркер
      • круг : Устанавливает маркер элемента списка в круг
      • квадрат : Устанавливает маркер элемента списка в квадрат
      • никто : Элементы списка не будут отмечены

      Диск:

       

      Виды спорта

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

      Вывод:

      Диск в HTMLКруг:

       

      Виды спорта

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

      Вывод:

      Круг-список в HTMLКвадрат:

       

      Виды спорта

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

      Вывод:

      SquareНикто:

       

      Виды спорта

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

      Вывод:

      NoneТеперь, когда мы поняли, как создать неупорядоченный список в HTML, давайте разберемся, как создать упорядоченный список в HTML.

      Упорядоченный список

      Чтобы определить упорядоченный список в HTML, мы используем

        тег, а затем мы определяем список элементов в
      1. тег.
        По умолчанию список пунктов отмечен цифрами.

         

        Виды спорта

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

        Вывод:

        Упорядоченный список в HTMLТеперь рассмотрим некоторые варианты упорядоченных списков.

        Упорядоченный список HTML - атрибут типа

        Для упорядоченного списка существуют разные типы маркеров элементов:

        • type = ”1 ″ Элементы списка будут пронумерованы цифрами (по умолчанию).

        • type = 'A' Пункты списка будут пронумерованы прописными буквами.

        • type = 'a' Пункты списка будут пронумерованы строчными буквами.

        • type = 'I' Элементы списка будут пронумерованы римскими цифрами в верхнем регистре.

        • type = 'i' Элементы списка будут пронумерованы римскими цифрами в нижнем регистре.

        Числа:

         

        Виды спорта

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

        Вывод:

        NumbersЗаглавные буквы:

         

        Виды спорта

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

        Вывод:

        Прописная букваСтрочные буквы:

         

        Виды спорта

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

        Вывод:

        Строчная букваПрописные римские ну mber s:

         

        Виды спорта

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

        Вывод:

        Римское число в верхнем регистре

        Строчные римские числа:

         

        Виды спорта

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

        Вывод:

        Строчные римские числа

        Списки HTML-описания

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

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

         

        Виды спорта

        Крикет
        Крикет - это игра с битой и мячом, в которую играют две команды из одиннадцати игроков на поле, в центре которого находится 20-метровое поле с калиткой на каждом конце, каждая из которых состоит из двух дужек, уравновешенных на трех пнях.
        Настольный теннис
        Настольный теннис, также известный как пинг-понг, представляет собой вид спорта, в котором два или четыре игрока отбивают легкий мяч вперед и назад по столу с помощью небольших ракеток. Игра проходит на жестком столе, разделенном сеткой.

        Вывод:

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

        Вы также можете создать вложенный список в HTML.

         

        Виды спорта

        • Настольный теннис
        • Крикет
          • Вират Коли
          • Джо Рут
      2. Баскетбол

    Вывод:

    Теперь, после выполнения приведенных выше фрагментов, вы бы поняли, как создавать списки в HTML. Я надеюсь, что этот блог будет информативным и принесет вам пользу.

    Ознакомьтесь с нашими который включает в себя живое обучение под руководством инструктора и опыт реальных проектов. Это обучение поможет вам овладеть навыками работы с серверными и интерфейсными веб-технологиями. Он включает обучение веб-разработке, jQuery, Angular, NodeJS, ExpressJS и MongoDB.

    Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев блога «Список в HTML», и мы свяжемся с вами.