Списки - один из важных способов представления данных и информации, где каждая запись отображается в одной строке. Существуют различные способы представления данных в виде списка, например, в упорядоченном или неупорядоченном виде. Я буду освещать следующие темы в этом списке в статья:
- Типы списков в HTML
- Неупорядоченный список HTML
- Упорядоченный список HTML
- Списки HTML-описания
- Вложенный список в HTML
Типы списков в HTML
Прежде чем мы начнем создавать список, давайте сначала посмотрим на теги HTML:
-
-
- Используется для определения элемента списка
-
- Используется для определения термина в списке описания
- Используется для описания термина в списке описания
Давайте разберемся, как можно создавать разные виды списков в HTML.
как перевернуть строку Python
Неупорядоченный список
Чтобы определить неупорядоченный список в HTML, мы используем
- тег, а затем мы определяем список элементов в тег. По умолчанию список элементов отмечен маркерами (то есть маленькими черными кружками).
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Неупорядоченный список HTML: разные маркеры элементов
Вы можете выбрать из списка маркеров, используя свойство CSS list-style-type. Давайте посмотрим на разные свойства CSS list-style-type, которые можно использовать для определения разных стилей маркеров:
- диск : Устанавливает маркер элемента списка в маркер
- круг : Устанавливает маркер элемента списка в круг
- квадрат : Устанавливает маркер элемента списка в квадрат
- никто : Элементы списка не будут отмечены
Диск:
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Круг:
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Квадрат:
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Никто:
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Теперь, когда мы поняли, как создать неупорядоченный список в HTML, давайте разберемся, как создать упорядоченный список в HTML.
Упорядоченный список
Чтобы определить упорядоченный список в HTML, мы используем тег, а затем мы определяем список элементов в тег.
По умолчанию список пунктов отмечен цифрами.
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Теперь рассмотрим некоторые варианты упорядоченных списков.
Упорядоченный список HTML - атрибут типа
Для упорядоченного списка существуют разные типы маркеров элементов:
type = ”1 ″ Элементы списка будут пронумерованы цифрами (по умолчанию).
type = 'A' Пункты списка будут пронумерованы прописными буквами.
type = 'a' Пункты списка будут пронумерованы строчными буквами.
type = 'I' Элементы списка будут пронумерованы римскими цифрами в верхнем регистре.
type = 'i' Элементы списка будут пронумерованы римскими цифрами в нижнем регистре.
Числа:
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Заглавные буквы:
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Строчные буквы:
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Прописные римские ну mber s:
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Строчные римские числа:
Виды спорта
- Крикет
- Футбол
- Бейсбол
Вывод:
Списки HTML-описания
Вы также можете создавать списки описаний в HTML. Список описаний используется для создания списка терминов и добавления к ним описания. Вы создаете список описаний, используя
тег. тег определяет термин &
Виды спорта
- Крикет
- Крикет - это игра с битой и мячом, в которую играют две команды из одиннадцати игроков на поле, в центре которого находится 20-метровое поле с калиткой на каждом конце, каждая из которых состоит из двух дужек, уравновешенных на трех пнях.
- Настольный теннис
- Настольный теннис, также известный как пинг-понг, представляет собой вид спорта, в котором два или четыре игрока отбивают легкий мяч вперед и назад по столу с помощью небольших ракеток. Игра проходит на жестком столе, разделенном сеткой.
Вывод:
Вложенный список в HTML
Вы также можете создать вложенный список в HTML.
Виды спорта
- Настольный теннис
- Крикет
- Вират Коли
- Джо Рут
Вывод:
Теперь, после выполнения приведенных выше фрагментов, вы бы поняли, как создавать списки в HTML. Я надеюсь, что этот блог будет информативным и принесет вам пользу.
Ознакомьтесь с нашими который включает в себя живое обучение под руководством инструктора и опыт реальных проектов. Это обучение поможет вам овладеть навыками работы с серверными и интерфейсными веб-технологиями. Он включает обучение веб-разработке, jQuery, Angular, NodeJS, ExpressJS и MongoDB.
Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев блога «Список в HTML», и мы свяжемся с вами.