69 lines
2.6 KiB
Markdown
69 lines
2.6 KiB
Markdown
|
---
|
|||
|
title: Lists
|
|||
|
localeTitle: Списки
|
|||
|
---
|
|||
|
## Списки
|
|||
|
|
|||
|
В HTML есть три типа списков. Все списки должны содержать один или несколько элементов списка.
|
|||
|
|
|||
|
### Неупорядоченный список HTML
|
|||
|
|
|||
|
Неупорядоченный список начинается с `<ul>` а элементы списка начинаются с `<li>` . В неупорядоченных списках все элементы списка, отмеченные марками по умолчанию.
|
|||
|
|
|||
|
\`\` \`
|
|||
|
|
|||
|
* Пункт
|
|||
|
* Пункт
|
|||
|
* Пункт
|
|||
|
|
|||
|
\`\` \` Вывод:
|
|||
|
|
|||
|
* Пункт
|
|||
|
* Пункт
|
|||
|
* Пункт
|
|||
|
|
|||
|
### Упорядоченный HTML-список
|
|||
|
|
|||
|
Упорядоченный список начинается с `<ol>` а элементы списка начинаются с `<li>` . В упорядоченных списках все элементы списка отмечены цифрами.
|
|||
|
|
|||
|
\`\` \`
|
|||
|
|
|||
|
1. Первый предмет
|
|||
|
2. Второй пункт
|
|||
|
3. Третий пункт
|
|||
|
|
|||
|
\`\` \` Вывод:
|
|||
|
|
|||
|
1. Первый предмет
|
|||
|
2. Второй пункт
|
|||
|
3. Третий пункт
|
|||
|
|
|||
|
### Список описания HTML
|
|||
|
|
|||
|
Список описаний содержит элементы списка с их определенными значениями. Мы используем `<dl>` для запуска списка, `<dt>` чтобы определить термин и `<dd>` чтобы описать каждый термин.
|
|||
|
|
|||
|
\`\` \`
|
|||
|
|
|||
|
freeCodeCamp
|
|||
|
|
|||
|
Научитесь кодировать бесплатные онлайн-курсы, проекты программирования и подготовку интервью для рабочих мест разработчиков.
|
|||
|
|
|||
|
GitHub
|
|||
|
|
|||
|
GitHub - это репозиторий управления репозиториями Git или версии и интернет-хостинг. Он в основном используется для кода.
|
|||
|
|
|||
|
\`\` \` Вывод:
|
|||
|
|
|||
|
freeCodeCamp
|
|||
|
|
|||
|
Научитесь кодировать бесплатные онлайн-курсы, проекты программирования и подготовку интервью для рабочих мест разработчиков.
|
|||
|
|
|||
|
GitHub
|
|||
|
|
|||
|
GitHub - это репозиторий управления репозиториями Git или версии и интернет-хостинг. Он в основном используется для кода.
|
|||
|
|
|||
|
#### Дополнительная информация:
|
|||
|
|
|||
|
[HTML](https://html.com/lists/)
|
|||
|
|
|||
|
[w3schools](https://www.w3schools.com/html/html_lists.asp)
|