Як створити список HTML? Дуже просто!

Як створити список HTML? Дуже просто!

 HTML на даний момент є найпопулярнішою мовою, яка використовується для розмітки веб-сторінок. Багато розробників навіть не знають про те, що є й інші засоби для створення сайтів. Цій мові присвячено безліч книг, курсів і семінарів. Про нього і ця стаття. Звичайно, вмістити весь потенціал даної мови на декількох сторінках не вийде, але я і не намагався цього зробити. Ця стаття дозволить вам познайомитися ближче з таким об 'єктом, як список HTML. Ми розглянемо його типи і теги, що дозволяють зробити висновок на екран користувачів.

Загальна інформація

 Список HTML використовується досить часто. Оскільки він дозволяє швидко і ефективно представити в зручній формі потрібну інформацію користувачам. Існує два види списків: впорядкований і неупорядкований. Їх структура залишається однаковою. Відмінність складає лише те, що впорядкований список використовує в якості маркерів цифри, які йдуть по порядку. Далі будемо розглядати кожен вид окремо.


Впорядкований

 Цей список HTML починається з теґу < ol > і закінчується елементом закриття </ol >. Тег < ol > повністю підтримується всіма сучасними переглядачами, операційними системами та платформами. Щоб позначити елемент списку, використовуйте тег < li >. Дуже часто такий вид розмітки називають нумерованим. Хоча в якості маркера можуть використовуватися не тільки цифри, а, наприклад, букви. Тег < ol > має три характерні атрибути, які буде описано далі.

  • Дозволяє вибрати тип маркера. Як говорилося вище, можуть використовуватися не тільки звичні арабські цифри, але й інші символи. Якщо атрибуту type присвоїти значення "A", список буде впорядковуватися заголовними латинськими літерами. Значення "а" - рядкові літери; "I" - заголовні римські цифри; "i" - рядкові римські цифри; "1" - арабські цифри.
  • Пропонує браузеру проводити зворотний відлік, наприклад 3, 2, 1 тощо. Слід зауважити, що багатьма браузерами цей атрибут не підтримується і не входить до жодної специфікації (крім HTML 5).
  • Значенням може стати цифра, яка буде позначати, з якого місця почнеться відлік.

Неупорядкований

По-іншому даний вид називають ненумерований список HTML. Як позначення початку елемента використовуються декоративні маркери. У минулому абзаці використовувався якраз такий список. За допомогою CSS можна взагалі прибрати показ маркерів, відбувається це з використанням властивості "list-style-type", зі значенням "none". Щоб позначити початок непоміркованого списку, використовуйте тег < ul >. У ньому містяться елементи < li >. Для теґу < ul > існує лише один індивідуальний атрибут, а саме "type", який вказує тип маркера. Його значеннями можуть стати ключові слова: disc, circle, square. Перше позначає зафарбоване коло, друге контур гуртка і третє - квадрат. За допомогою властивості "list-style-image" (з CSS) можуть призначатися свої власні маркери, які виглядають як невеликі картинки.