Списъците са един от важните начини за представяне на данни и информация, където всеки запис се показва в един ред. Има различни начини за представяне на данни в списък, например по подреден начин или по неподреден начин. Ще разгледам следните теми в този списък през статия:
- Видове списъци в HTML
- Неподреден HTML списък
- Подреден HTML списък
- HTML списъци с описания
- Вложен списък в HTML
Видове списък в HTML
Преди да започнем да създаваме списък, нека първо разгледаме HTML таговете:
-
-
- Използва се за дефиниране на елемент от списък
-
- Използва се за дефиниране на термин в списък с описания
- Използва се за описание на термина в списък с описания
Нека разберем как можете да създадете различни видове списък в HTML.
Неуреден списък
За да определим неподреден списък в HTML, който използваме
- и след това определяме списъка с елементи в етикет. По подразбиране списъкът с елементи е маркиран с маркери (т.е. малки черни кръгове).
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
Неподреден HTML списък: Различни маркери за артикули
Можете да избирате от списък с маркери, като използвате свойството на CSS-style-type type. Нека да разгледаме различни свойства на типа CSS списък тип, които можете да използвате, за да дефинирате различен стил на маркери:
- диск : Задава маркера на елемента от списъка на маркер
- кръг : Задава маркер на елемента от списъка на кръг
- квадрат : Задава маркера на елемента от списъка на квадрат
- нито един : Елементите от списъка няма да бъдат маркирани
Диск:
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
Кръг:
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
Квадрат:
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
какво е подниз в Java
Нито един:
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
Сега, след като разбрахме как да създадем неподреден списък в HTML, нека разберем как да създадем подреден списък в HTML.
Подреден списък
За да определим подреден списък в HTML, използваме и след това определяме списъка с елементи в етикет.
По подразбиране списъкът с елементи е маркиран с цифри.
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
Сега нека разгледаме някои от вариантите на подредени списъци.
Подреден HTML списък - Тип атрибут
Има различни видове маркери на артикули за подреден списък:
type = ”1 ″ Елементите от списъка ще бъдат номерирани с цифри (по подразбиране)
тип = ”A” Елементите от списъка ще бъдат номерирани с главни букви
тип = 'а' Елементите от списъка ще бъдат номерирани с малки букви
тип = ”I” Елементите в списъка ще бъдат номерирани с главни латински цифри
тип = ”i” Елементите от списъка ще бъдат номерирани с малки римски числа
Номера:
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
Главни букви:
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
Малки букви:
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
Главна буква Roman Nu mber с:
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
Малки римски числа:
Спорт
- Крикет
- Футбол
- Бейзбол
Изход:
HTML списъци с описания
Можете също да създавате списъци с описания в HTML. Списък с описания се използва за създаване на списък с термини и добавяне на описание към тях. Създавате списък с описания с помощта на
етикет. таг дефинира термина &
Спорт
- Крикет
- Крикетът е игра с прилеп и топка, изиграна между два отбора от единадесет играчи на поле, в центъра на което е 20-метров терен с портичка във всеки край, всяка от които включва две гаранции, балансирани на три пънчета.
- Тенис на маса
- Тенисът на маса, известен също като пинг-понг, е спорт, при който двама или четирима играчи удрят лека топка напред-назад по масата с помощта на малки ракети. Играта се провежда на твърда маса, разделена от мрежа.
Изход:
Вложен списък в HTML
Можете също да създадете вложен списък в HTML.
кои от следните са примери за контролни изявления?
Спорт
- Тенис на маса
- Крикет
- Вират кохли
- Джо Корен
Изход:
След изпълнението на горните фрагменти бихте разбрали как да създавате списъци в HTML. Надявам се, че този блог е информативен и с добавена стойност за вас.
Вижте нашите което се предлага с обучение под ръководството на инструктори на живо и опит в реалния живот на проекти. Това обучение ви кара да владеете умения за работа с back-end и front-end уеб технологии. Включва обучение по уеб разработка, jQuery, Angular, NodeJS, ExpressJS и MongoDB.
Имате въпрос към нас? Моля, споменете го в раздела за коментари в блога „Списък в HTML“ и ние ще се свържем с вас.