Как создать список HTML? Очень просто!

HTML на данный момент является самым популярным языком, который используется для разметки веб-страниц. Многие разработчики даже не знают о том, что есть и другие средства для создания сайтов. Этому языку посвящено множество книг, курсов и семинаров. О нем и данная статья. Конечно, уместить весь потенциал данного языка на нескольких страницах не получится, но я и не пытался этого сделать. Это статья позволит вам познакомиться ближе с таким объектом, как список HTML. Мы рассмотрим его типы и теги, позволяющие сделать вывод на экран пользователей.

Общая информация

Список HTML используется довольно часто. Так как он позволяет быстро и эффективно представить в удобной форме нужную информацию пользователям. Существует два вида списков: упорядоченный и неупорядоченный. Их структура остается одинаковой. Различие составляет только то, что упорядоченный список использует в качестве маркеров цифры, которые идут по порядку. Далее будем рассматривать каждый вид в отдельности.

Упорядоченный

Такой список 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 может применяться иногда не по прямому назначению. Но эта тема уже выходит за пределы данной статьи.

     Dijelite na društvenim mrežama:
     
     
     Povezan
     • Настройка прокси сервера в браузере `Опера`.
     • Как снять видео на компьютере: обзор программ
     • Как сделать выпадающее меню CSS
     • Что такое модулятор голоса?
     • Браузер для андроид: обзор приложений
     • Обзор: лучшие программы для iPad
     • PDF-редактор: обзор лучших программ
     • Как создать красивую надпись в `Photoshop`
     • Как подключить ipad к телевизору: инструкция для новичков
     • Инструкция: как добавить в черный список в `ВК`
     • Как в `ВК` скрыть друзей?
     • Как сделать зажигалку в `Майнкрафте` и как ее использовать
     • Как игру сделать на весь экран: доступные способы
     • Как в `Майнкрафте` сделать оружие - краткий список итемов и материалов
     • Как сделать выбрасыватель в `Майнкрафт` и как его использовать?
     • Как удалить друга из привата в `Майнкрафте`?
     • Как создавать и как открывать порт в `Майнкрафте`
     • DC Universe Online: как сделать русский язык в игре?
     • Как закрыть стену `Вконтакте`: секреты приватности
     • Как сделать пузырек в `Майнкрафте` - инструкция
     • Как закрыть профиль в `Контакте`: настройки приватности