Списки часто використовуються на веб-сторінках, тому дане питання досить актуальне. В HTML передбачено два типи списків: нумерований і ненумерований (маркований). Для побудови списків використовуються спеціальні теги. З основними тегами ми познайомимося в даному уроці. Давайте розглянемо типи списків в HTML по порядку і на реальних прикладах розберемося чим вони відрізняються, і як виводяться.
Нумеровані списки в HTML
Нумеровані списки в HTML - упорядкована послідовність елементів. У нумерованому списку перед кожним його елементом автоматично проставляється порядковий номер. Нумерований список має такий вигляд:
В даному прикладі список буде виводитися арабськими цифрами. У нумерованих списків існують атрибути, за допомогою яких можна задати формат відображення нумерації списку:
1. Атрибути «I» або «i» - для нумерації римськими літерами (великими чи прописними);
2. Атрибути «A» або «a» - нумерація латинськими літерами (великими чи прописними);
3. Атрибут «start» - використовується для того, щоб нумерація починалася не з першого пункту, в якості параметра вказується порядковий номер, з якого потрібно формувати список.
Приклад. Нумерований список, який формується з римських букв і починається з другого елементу:
Маркери в HTML
Ненумеровані списки також називають неупорядкованими або маркованими. Для виділення елементів такого списку використовуються спеціальні символи (маркери). Вид маркерів списку задається в HTML коді за допомогою спеціальних атрибутів. Приклад маркованого списку в HTML:
В даному випадку список буде формуватися з маркерів у вигляді жирної крапки. Атрибутами ненумерованого списку є:
1. «disc» - маркери у вигляді закрашеного гуртка
2. «circle» - маркери у вигляді порожнього гуртка
3. «square» - маркери у вигляді закрашеного квадрата
Приклад завдання певного маркера в списку:
В якості маркерів списку можна використовувати також графічні зображення, що дозволяє красиво оформити HTML-документ. На практиці це дуже часто застосовується. Для реалізації цього завдання необхідно в коді прописати шлях до картинки, яка буде служити маркером:
Також списки бувають вкладеними, вони складаються з декількох списків:
Ось, мабуть і все, що хотілося розповісти про списках в HTML. Списки дуже часто зустрічаються на веб-сторінках. Для їх формування потрібно знати певні правила виведення.