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

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

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

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

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

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

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

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

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

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

    Висновок

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




  • Додати коментар
    Ваше Ім'я:   Ваш E-Mail:  


    Введіть слово "краса" без кавичок

    Відповідь:
    © http://kafedam.pp.ua 2019