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

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

Відео: Уроки HTML 3.2 Як зробити список

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

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

Відео: Меню, що випадає на css

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

Такий список HTML починається з тега

і закінчується закриває елементом

повністю підтримується всіма сучасними браузерами, операційними системами і платформами. Для позначення елемента списку використовуйте тег
1. . Дуже часто такий вид розмітки називають нумерованим. Хоча при цьому в якості маркера можуть використовуватися не тільки цифри, а, наприклад, літери. тег

має три характерних атрибута, які далі будуть описані.

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

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

По-іншому цей вид називають ненумерований список HTML. Як позначення початку елемента використовуються декоративні маркери. У попередньому абзаці використовувався як раз такий список. За допомогою CSS можна взагалі прибрати показ маркерів, відбувається це з використанням властивості «list-style-type», зі значенням «none». Для позначення початку ненумерованого переліку змінюється за допомогою тег

. Усередині нього містяться елементи
• . для тега

існує тільки один індивідуальний атрибут, а саме «type», який вказує тип маркера. Його значеннями можуть стати ключові слова: disc, circle, square. Перше позначає зафарбований круг, друге контур гуртка і третє - квадрат. За допомогою властивості «list-style-image» (з CSS) можуть призначатися свої власні маркери, які виглядають як невеликі картинки.

висновок

Питання про те, як створити список в HTML, задається досить часто на різних форумах і порталах. Тому окрема стаття для цієї інформації не завадить, щоб повністю задовольнити цікавість початківців програмістів. І пам`ятайте про те, що список HTML може застосовуватися іноді не за прямим призначенням. Але ця тема вже виходить за межі даної статті.