HTML Списки
Список представляет собой запись коротких фрагментов связанной информации или используется для отображения данных или любой информации на веб-страницах в упорядоченной или неупорядоченной форме. Например, чтобы купить товары, нам нужно подготовить список, который может быть либо упорядоченным, либо неупорядоченным списком, который помогает нам организовать данные и легко найти товар.
Существует 3 вида HTML списков:
- Неупорядоченный/Ненумерованный HTML список
- Упорядоченный HTML список
- Списки HTML-описаний
Неупорядоченный HTML список
Неупорядоченный список начинается с тега <ul>. Каждый элемент списка начинается с тега <li>.
Синтаксис:
<ul>
<li>...</li>
...
</ul>
Элементы списка будут отмечены маркерами (маленькими черными кружками) по умолчанию:
Упорядоченный HTML список
Тег HTML <ol> определяет упорядоченный список. Упорядоченный список может быть числовым или алфавитным. Упорядоченный список начинается с тега <ol>. Каждый элемент списка начинается с тега <li>.
Синтаксис:
<ol>
<li>...</li>
...
</ol>
Упорядоченный HTML список — атрибут Type
Атрибут type тега <ol> определяет тип маркера элемента списка:
| Элемент | Описание |
|---|---|
| type="1" | Элементы списка будут пронумерованы цифрами (по умолчанию) |
| type="A" | Элементы списка будут пронумерованы заглавными буквами |
| type="a" | Элементы списка будут пронумерованы строчными буквами |
| type="I" | Элементы списка будут нумероваться прописными римскими цифрами |
| type="i" | Элементы списка будут пронумерованы строчными римскими цифрами |
Вложенные HTML списки
Списки могут быть вложенными (список внутри списка): Элемент списка (<li>) может содержать новый список и другие элементы HTML, такие как изображения, ссылки и т. д.
Списки HTML-описаний
Список описаний — это список терминов с описанием каждого термина.
Список описаний — это список терминов с описанием каждого термина.
Тег <dl> определяет список описаний, тег <dt> определяет термин (имя), а тег <dd>описывает каждый термин:
HTML Элементы Списков
Теперь резюмируя статью можно выделить следующие теги списков: