Что такое списки


У всех нас множество разных интересов. Мы одновременно можем увлекаться политикой, футболом, популярными сериалами, экологией и еще много чем. Мир ведь такой большой и интересный. Если в своём твиттере вы подпишитесь на популярные аккаунты всех интересующих вас тем, то ваша лента будет заполнена самой разнообразной информацией. Образно говоря, вы получите «информационный борщ». Это не всегда удобно, так как иногда вы настроены читать политические новости, а иногда смотреть, что же там происходит на чемпионате Зимбабве по футболу. Для этого и существуют списки — чтобы сортировать аккаунты по определенным темам.

В своем аккаунте, вы можете создать сколько угодно списков: «Выборы президента в 2018 году», «Чемпионат Зимбабве по футболу», «Одноклассники», «Юмор». Далее, в каждый из список вы добавляете те аккаунты, на которые подписаны. Например, в список «Выборы в 2018 году» следует добавить аккаунты, которые всязаны с данной темой. В список «Одноклассники» вы можете занести всех своих одноклашек, а в список «Юмор» всех тех, кто часто выкладывает смшные твиты. Все это происходит исключительно для вас, чтобы вам было удобно читать твиты соответствующие тематике. Войдя в свой аккаунт в твиттер, вы можете кликнуть по одному из списков, чтобы получить соответствующий набор твитов, а не отбирать их в общей ленте.


Думаю, вы поняли, что такое списки в твиттер. Теперь самое время рассказать, как ими пользоваться. Перейти в своем аккаунте твиттер в раздел списков, вы можете кликнув по иконке с вашей аватаркой в верхнем правом углу и в выпавшем списке выбрав пункт «Списки».

Что такое списки

На открывшейся странице вы увидите все списки, на которые вы подписаны или участником которых вы являетесь. Подписчики списка — это те, кто просто может проматривать твиты, попадающие в этот список. Участники списка — это все те, чьи твиты публикуются в данном списке. При создании своего списка, вы сами можете указывать его участников.

В моем случае список списков (извините за тавтологию) пуст. Поэтому я создам новый список, кликнув по соответствующей кнопке в правом блоке.

Что такое списки

Что такое списки

Я создал список с название «Зимбабве 2037». В настройках списка есть ограничения. Название может содержать всего 25 символов, а описание 100. Вы также можете ограничить доступ к списку.


Далее вам нужно выбрать участников, твиты которых будут попадать в ваш список. Это можно сделать перейдя в раздел своих подписок, подписчиков или поиска в твиттер, кликнув по вертикальному троеточию в блоке аккаунта, который вы хотите выбрать в качестве участника созданного списка, и наконец, выбрав в выпавшем списке пункт «Добавить или удалить из списков». В открывшемся окне, вы можете добавить или удалить пользователя как участника из списков, которые вы создавали.

Что такое списки

Что такое списки

Перейдя в раздел и открыв нужный список, вы можете убедиться, что в нем публикуются твиты только тех учасников, кто является участником списка.

Что такое списки

Что такое списки

Пользователи, посещающие вашу страницу на твиттер, могут найти все созданные вами списки, выбрав соответвующий пункт в меню. Выбрав заинтересовавший список, посетитель может подписаться на него.

Что такое списки

Что такое списки

smm-blogs.ru


Спи́сок — письменный перечень, число, состав; документ, содержащий перечень каких-либо сведений; в переносном смысле — буквальное, точное воспроизведение, копия; рукописная копия древнего памятника письменности. Список в информатике и программировании — последовательность элементов данных. Список — способ оформления перечней в тексте. Линейный список — разновидность структуры данных. Формулярный список (формуляр) в Российской империи — послужной список… Кондуитный список в Российской империи — книга с отметками о поведении учеников в школе, списки офицеров со сведениями о поведении… Послужной список Статейный список в Российском государстве — вид официальной делопроизводственной документации в конце XV — начале XVIII вв. , составлявшейся по отдельным вопросам. Белый список — список, в который заносятся желательные элементы Чёрный список — список, в который заносятся нежелательные элементы Серый список Избирательный список (список избирателей) — документ, определяющий круг лиц, имеющих право принимать участие в голосовании в данном избирательном округе (участке) . Список кандидатов на выборах — список лиц, выдвинутых для избрания на какую-либо должность. Список доступа — список объектов, которым разрешен доступ к информационному ресурсу. Список с векселя — воспроизведение существенных частей вексельного текста, отличающих данный вексель от других. Список рассылки (список почтовой рассылки, лист рассылки) в компьютерных сетях — механизм, который позволяет разослать почтовое сообщение некоторой группе подписчиков.


рудовой список в СССР в 1926—1938 — документ, в который заносились сведения о прохождении службы в государственных учреждениях, кооперативных и общественных организациях. Список архивных фондов — учетный документ, содержащий перечень официальных наименований хранящихся, выбывших и поступающих архивных фондов в порядке возрастания присвоенных им номеров. Библиографический список — библиографическое пособие простой структуры без вспомогательного аппарата. Список стратегических товаров — перечень товаров, экспорт которых из страны запрещается, ограничивается или контролируется с целью предотвращения ущерба ее национальной безопасности. Командный список Список предметных рубрик — совокупность предметных рубрик и связанного с ними ссылочно-справочного аппарата предметного каталога или указателя. Партийные списки Соединение списков — правило избирательной системы, согласно которому голоса, поданные за списки блокирующихся партий, должны рассматриваться как поданные за их общий список. Обработка списков — программирование процессов изменения структур данных, состоящих из однородных позиций, связанных указателями. Списки страхователей — поручение лиц, изъявивших желание заключить договор группового страхования. Боярские списки в Российском гоусдарстве со второй половины XVI века — именные перечни по чинам членов Государева двора с пометами об их служебных назначениях, пожалованиях, местонахождении и пригодности к службе.

татейные списки — вид официальной делопроизводственной документации в России 15 — начала 18 вв. , составлявшейся по статьям или отдельным вопросам, в особенности донесения послов в посольский приказ. В Российской империи — документ, составлявшийся на каждого арестанта, ссылаемого в Сибирь. Титульные списки в СССР — поимённый перечень строящихся и реконструируемых (расширяемых) объектов, включаемых в план капитальных вложений. Список Сводеша — инструмент для оценки степени родства между различными языками по такому признаку, как схожесть наиболее устойчивого базового словаря.

education.ques.ru

1. Списки — особый вид форматирования абзацев.  

2. Существует три типа списков: маркированный, нумерованный номер и многоуровневый.  

3. Существует несколько способов оформления некоторого фрагмента текста в виде маркированного или нумерованного списка. 

I способ. Основной. Перед созданием списка курсор следует разместить в нужном месте документа и выполнить Главная —> Абзац —> Маркеры или Нумерация. В текущем месте документа появится маркер или номер того вида списка, который использовался последним. После этого можно вводить первый элемент списка. После его ввода следует нажать клавишу Enter — следующий номер или маркер появляются в следующей строке документа автоматически. Когда последний элемент списка введен, нужно повторно выбрать кнопку соответствующего списка на Ленте, или дважды нажать Enter, или удалить номер (маркер) клавишей BackSpace.  


II способ. Автоматическое создание списка. Разместив курсор в нужном месте документа, следует ввести некие специальные условные символы, которые определяют вид желаемого списка, и нажать клавишу Пробел. Сразу же условные символы превратятся в соответствующий маркер или номер, после чего можно вводить первый элемент списка. 

III способ. Превращение текста в список. Если некоторые абзацы текста, введенного ранее, нужно оформить как список, то следует выделить эти абзацы и выбрать на Ленте кнопку соответствующего типа списка: МаркерыНумерация

3. Для создания многоуровневого списка на Ленте следует выбрать кнопку Многоуровневый список и вариант оформления списка в Библиотеке списков. Дальше нужно вводить элементы списка, изменяя при необходимости их уровни вложения. 

4. Колонки — прием форматирования текста, применяемое для лучшей читабельности объемного текста. 

5. Для вставки в текстовый документ графического изображения из файла, который сохранен на внешнем носителе, следует выполнить Вставка — Иллюстрации — Рисунок.


сле этого в диалоговом окне Вставка рисунка выбрать нужный файл. Для вставки в текстовый документ графического изображения из коллекций нужно выполнить Вставка — Иллюстрации — Клип. Эти действия открывают область задач Клип, которая предоставляет возможность осуществлять поиск нужных изображений и просматривать эскизы найденных.  

6. Обтекание рисунка текстом — функция, которая используется для компактного размещения материала и связывания между собой рисунка и текста. Можно задать такие виды обтекания: обтекание текстом, вокруг рамки, по контуру, сквозное, сверху и снизу. 

znanija.com

Спи́сок — письменный перечень, число, состав; документ, содержащий перечень каких-либо сведений; в переносном смысле — буквальное, точное воспроизведение, копия; рукописная копия древнего памятника письменности. Список в информатике и программировании — последовательность элементов данных. Список — способ оформления перечней в тексте. Линейный список — разновидность структуры данных. Формулярный список (формуляр) в Российской империи — послужной список… Кондуитный список в Российской империи — книга с отметками о поведении учеников в школе, списки офицеров со сведениями о поведении… Послужной список Статейный список в Российском государстве — вид официальной делопроизводственной документации в конце XV — начале XVIII вв.


составлявшейся по отдельным вопросам. Белый список — список, в который заносятся желательные элементы Чёрный список — список, в который заносятся нежелательные элементы Серый список Избирательный список (список избирателей) — документ, определяющий круг лиц, имеющих право принимать участие в голосовании в данном избирательном округе (участке) . Список кандидатов на выборах — список лиц, выдвинутых для избрания на какую-либо должность. Список доступа — список объектов, которым разрешен доступ к информационному ресурсу. Список с векселя — воспроизведение существенных частей вексельного текста, отличающих данный вексель от других. Список рассылки (список почтовой рассылки, лист рассылки) в компьютерных сетях — механизм, который позволяет разослать почтовое сообщение некоторой группе подписчиков. Трудовой список в СССР в 1926—1938 — документ, в который заносились сведения о прохождении службы в государственных учреждениях, кооперативных и общественных организациях. Список архивных фондов — учетный документ, содержащий перечень официальных наименований хранящихся, выбывших и поступающих архивных фондов в порядке возрастания присвоенных им номеров. Библиографический список — библиографическое пособие простой структуры без вспомогательного аппарата. Список стратегических товаров — перечень товаров, экспорт которых из страны запрещается, ограничивается или контролируется с целью предотвращения ущерба ее национальной безопасности.

омандный список Список предметных рубрик — совокупность предметных рубрик и связанного с ними ссылочно-справочного аппарата предметного каталога или указателя. Партийные списки Соединение списков — правило избирательной системы, согласно которому голоса, поданные за списки блокирующихся партий, должны рассматриваться как поданные за их общий список. Обработка списков — программирование процессов изменения структур данных, состоящих из однородных позиций, связанных указателями. Списки страхователей — поручение лиц, изъявивших желание заключить договор группового страхования. Боярские списки в Российском гоусдарстве со второй половины XVI века — именные перечни по чинам членов Государева двора с пометами об их служебных назначениях, пожалованиях, местонахождении и пригодности к службе. Статейные списки — вид официальной делопроизводственной документации в России 15 — начала 18 вв. , составлявшейся по статьям или отдельным вопросам, в особенности донесения послов в посольский приказ. В Российской империи — документ, составлявшийся на каждого арестанта, ссылаемого в Сибирь. Титульные списки в СССР — поимённый перечень строящихся и реконструируемых (расширяемых) объектов, включаемых в план капитальных вложений. Список Сводеша — инструмент для оценки степени родства между различными языками по такому признаку, как схожесть наиболее устойчивого базового словаря.

touch.otvet.mail.ru

Что такое списки в HTML, какие они бывают

Список (HTML) — текстовое перечисление однородных членов предложения, оформленное в виде списка.

Какие бывают списки?


  • Нумерованный список;
  • Маркированный список (не нумерованный);
  • Многоуровневый список;
  • Список определений;
  • Выпадающий список.

Нумерация помогает в тех случаях, когда нужно расположить однородные элементы списка в определенном порядке или упростить работу, добавив возможность дать ссылку на определенный пункт списка.

Обратите внимание, список это не несогласованный набор словосочетаний-огрызков, отвечающих на разные вопросы обобщающего текста (которого как раз и нет в данном случае).

Пример:

неправильный список

Список это однородные ответы, отвечающие на один и тот же вопрос обобщающего текста.

Пример:

правильные списки

Разница очень заметна, не так ли? Правильный список такой, что легко «складывается» в предложение с простым перечислением однородных членов.

Где применяются списки?

  1. Нумерованные списки — применяются при необходимости перечислить элементы списка в определенном порядке, либо чтобы упростить ссылку на конкретный элемент списка (в дипломе, печатном документе, проектной работе);
  2. Маркированные списки — применяются при перечислении однородных элементов в произвольном порядке, т.е. если порядок не имеет значения;
  3. Многоуровневые списки используются для детализации информации отдельных элементов;
  4. Список определений в HTML используется при необходимости форматирования словаря.

HTML-практикум ч.1: как сделать упорядоченный нумерованный список

Нумерованные списки создаются при помощи тегов <ol></ol> и <li></li>, причем последний является тегом для перечисления однородных членов и помещается внутри тега <ol></ol> (ol — ordered list).

Соответственно, <li></li> — начало и конец элемента списка, а <ol></ol> — начало и конец самого нумерованного списка.

Покажу на примере. Код:

Результат:

нумерованный список

По умолчанию форматирование нумерации элементов нумерованного списка осуществляется так: 1, 2 и т.д. Стиль нумерации задается при помощи атрибута list-style-type. Смотрите, что получится, если применить стиль ко всему списку «list-style-type: upper-roman;» и затем «list-style-type: lower-alpha;».

нумерованный список с иным оформлением

Вы также можете использовать не CSS, а напрямую прописать атрибут TYPE, вот так:

выбор type для оформления нумерованного списка

TYPE может принимать значения:

  • «A» — для нумерации A, B..
  • «a» — для нумерации a, b..
  • «I» — для нумерации I, II..
  • «i» — для нумерации i, ii..
  • «1» — для нумерации 1. 2. и далее по порядку.

Есть дополнительные атрибуты «start» и «value». Start — для задания номера первого элемента списка (все последующие считаются относительно него), value — для присвоение определенного номера любому из элементов списка.

Внимание! Использование атрибута value сбивает нумерацию и, если нужно, его приходится использовать дважды.

Пример кода:

Результат:

произвольная нумерация нумерованного списка

HTML-практикум ч.2: маркированный список

Маркированные списки создаются при помощи тегов <ul></ul> и <li></li>, последний как вы знаете является тегом для перечисления однородных членов и помещается внутри тега <ul></ul> (ul — unordered list).

Соответственно, <li></li> — начало и конец каждого из элементов списка, а <ul></ul> — начало и конец самого маркированного списка.

По умолчанию маркированные элементы списка отображаются в виде черных кружочков.

Код:

Результат:

маркированный список

Вы также можете выставить для элементов <li> атрибут type: disc (закрашенные кружочки), square (квадратики) или circle (незакрашенные кружочки или окружности). Тогда список примет такой вид:

маркированный список с кружками, окружностями и квадратами

Те же самые атрибуты можно применить и ко всему списку сразу, добавив CSS-свойство к тегу <ul>. Т.к. disc используется по умолчанию, я возьму circle: «list-style-type: circle;».

Код:

Результат:

маркированный список с элементами выделенными незакрашенными кружочками

HTML-практикум ч.3: как сделать неупорядоченный ненумерованный список без маркеров

Это очень просто. Неупорядоченные списки также создаются при помощи тегов <ul></ul> и <li></li>, — как вы уже знаете в этом случае нумерации не будет. Но будут маркеры, то есть список будет маркированным. Но и маркеры несложно убрать, это делается при помощи стиля в CSS: «list-style-type: none;».

Код:

Результат:

не упорядоченный не нумерованный список

HTML-практикум ч.4: вложенный многоуровневый древовидный список

Особенность создания многоуровнего списка с вложенными списками заключается не только в его древовидности, но и в том, что ваш список может быть комплексным. То есть сочетать в себе, как маркированные, так и нумерованные элементы вместе. Древовидные вложенные списки часто можно встретить на Википедии, в разделе где показывается содержание страницы:

многоуровневый древовидный вложенный список

Многоуровневый список получается в результате того, что мы как бы вкладываем один список в тело другого. Далее я покажу вам как это делается на примере готового HTML кода.

Проблема только одна — не запутаться в коде. Решается она либо внимательностью, либо созданием отступов для себя: чтобы в HTML было твердо и четко все разложено по полочкам — где что находится.

Я сделаю для вас один полноценный пример, чтобы наглядно показать, что и как.

Код:

Результат:

многоуровневый древовидный список с разным оформлением вложенных элементов

HTML-практикум ч.5: как сделать список определений

Списки определений создаются при помощи тегов <dl></dl>, <dt></dt> и <dd></dd>.

  • <dl></dl> (dl — description list) — обозначает начало и конец списка определений;
  • <dt></dt> (dl — description term) — обозначает начало и конец одного термина;
  • <dd></dd> (dd — definition description) — обозначает начало и конец одного определения/пояснения для одного термина.

Такой список по умолчанию получается многоуровневым и древовидным.

Пример кода:

Результат:

список определений и терминов в html

Итог

Итак, в данной статье вы узнали, что списком можно назвать взаимосвязанные однородные контейнеры (состоящие из предложений или отдельных фраз), располагающиеся друг за другом и начинающиеся с цифр, маркеров или не имеющие обозначений.

Также вы узнали, что есть список определений, для представления в удобном виде пар типа «термин-определение» или «термин-перевод».

В этой статье я привел достаточное количество примеров кода, а также скриншотов, чтобы вы доскональном могли ориентироваться в теме создания различных списков: нумерованных и ненумерованных, упорядоченных и неупорядоченных, маркированных и немаркированных (без маркеров), одно- и многоуровневых (вложенных и древовидных), а также списков определений.

Такие списки, при правильном их использовании, позволят систематизировать и разместить информацию на странице удобным для пользователя образом. В конце концов, списки появились еще тогда, когда интернета в помине не было.

Поэтому не пренебрегайте HTML-списками, учитесь их использовать правильно и умело размещайте на страницах ваших сайтов.

blogwork.ru

  1. Список паролей. С ним вы точно не запутаетесь в своих суперсложных паролях вроде SoccerStar12 или Socc3rStar.
  2. Список ежедневных дел. Внесите туда все, что вам нужно сегодня сделать. Кроме того, зачеркивать выполненные задачи очень приятно.
  3. Список завершенных дел. Когда вы смотрите на список того, что сделали за сегодня, вы понимаете, как можно улучшить свою продуктивность. Да и самооценка повышается.
  4. Список дел, которых нужно успеть сделать за свою жизнь. Сюда входит все — от крупных планов вроде женитьбы и восхождения на Эверест до самых скромных желаний, например, испечь идеальное шоколадное печенье.
  5. Краткосрочные планы. Что вы хотите сделать в этом месяце?
  6. Долгосрочные планы. Чего вы планируете достичь в ближайшие пять или десять лет?
  7. Профессиональные достижения. Составьте список своих заслуг и выполненных проектов. Он будет не только радовать вас в тяжелые минуты, но и пригодится, когда нужно будет обновить резюме.
  8. Требования к новой работе. Чем больше часов, дней и лет вы проводите на работе, тем лучше вы знаете, чем занимаетесь. Поэтому на следующей работе вам уже не понадобится такая же продуктивность, как раньше.
  9. Список DIY-проектов. Pinterest — отличный сайт для поиска вдохновения, но если у вас будет под рукой такой список, то вы не забудете о своих творческих планах, например, покрасить полки в гостиной или перебрать старые фотографии.
  10. Список покупок. Когда точно знаешь, что нужно купить, можно не только сэкономить деньги, но и удержаться от покупки вон тех ненужных печенек.
  11. Важные даты. Любому человеку будет приятно, если вы вдруг вспомните про его день рождения или какую-нибудь годовщину. Так что заведите такой список, и вы не забудете все важные даты ваших близких.
  12. Важные сроки. Если вы частенько забываете о том, через сколько дней нужно вернуть какую-нибудь вещь и когда испортятся замороженные куриные грудки, то вам лучше записывать все важные сроки.
  13. Список благодарностей. Если вам станет плохо, загляните в этот список и вспомните, чему вы благодарны в этой жизни, и вам станет легче.
  14. Список вещей, которые делают вас счастливыми. Этот список заставит вас улыбнуться или быстро придумать, чем себя занять.

Источник.


Материалы по теме:

Три полезные ссылки. Планнеры

11 техник, которые помогут сосредоточиться на работе

Этому секрету продуктивности уже сто лет, а он по-прежнему работает

Почему to-do list неэффективен

Как успевать больше за меньшее количество времени?

rb.ru

advego.com

Создание HTML-списков

  • Содержание:
  • 1. Маркированный список <ul>
  • 2. Нумерованный список <ol>
  • 3. Список определений <dl>
  • 4. Вложенный список
  • 5. Многоуровневый нумерованный список

1. Маркированный список

Маркированный список представляет собой неупорядоченный список (от англ. Unordered List). Создаётся с помощью парного тега <ul></ul>. В качестве маркера элемента списка выступает метка, например, закрашенный кружок.

Браузеры по умолчанию добавляют следующее форматирование блоку списка:

ul {padding-left: 40px; margin-top: 1em; margin-bottom: 1em;}

Каждый элемент списка создаётся с помощью парного тега <li></li> (от англ. List Item).

Для тега <ul> доступны ‎глобальные атрибуты.

<ul>   <li>Microsoft</li>   <li>Google</li>   <li>Apple</li>   <li>IBM</li>  </ul>
unordered list
Рис. 1. Маркированный список

2. Нумерованный список

Нумерованный список создаётся с помощью парного тега <ol></ol>. Каждый пункт списка также создаётся с помощью элемента <li>. Браузер нумерует элементы по порядку автоматически и если удалить один или несколько элементов такого списка, то остальные номера будут автоматически пересчитаны.

Блок списка также имеет стили браузера по умолчанию:

ol {padding-left: 40px; margin-top: 1em; margin-bottom: 1em;}

Для тега <li> доступен атрибут value, который позволяет изменить номер по умолчанию для выбранного элемента списка. Например, если для первого пункта списка задать <li value="10">, то остальная нумерация будет пересчитана относительно нового значения.

Для тега <ol> доступны следующие атрибуты:

Таблица 1. Атрибуты тега <ol>
Атрибут Описание, принимаемое значение
reversed Атрибут reversed задает отображение списка в обратном порядке (например, 9, 8, 7…).
start Атрибут start задает начальное значение, от которого пойдет отсчет нумерации, например, конструкция <ol start="10"> первому пункту присвоит порядковый номер «10». Также можно одновременно задавать тип нумерации, например, <ol type="I" start="10">.
type Атрибут type задает вид маркера для использования в списке (в виде букв или цифр). Принимаемые значения:
1 — значение по умолчанию, десятичная нумерация.
A — нумерация списка в алфавитном порядке, заглавные буквы (A, B, C, D).
a — нумерация списка в алфавитном порядке, строчные буквы (a, b, c, d).
I — нумерация римскими заглавными цифрами (I, II, III, IV).
i — нумерация римскими строчными цифрами (i, ii, iii, iv).
<ol>   <li>Microsoft</li>   <li>Google</li>   <li>Apple</li>   <li>IBM</li>  </ol>
ordered list
Рис. 2. Нумерованный список

3. Список определений

Списки определений создаются с помощью тега <dl></dl>. Для добавления термина применяется тег <dt></dt>, а для вставки определения — тег <dd></dd>.

Блок списка определений имеет следующие стили браузера по умолчанию:

dl {margin-top: 1em; margin-bottom: 1em;}

Для тегов <dl>, <dt> и <dd> доступны ‎глобальные атрибуты.

<dl>   <dt>Режиссер:</dt>   <dd>Петр Точилин</dd>   <dt>В ролях:</dt>   <dd>Андрей Гайдулян</dd>   <dd>Алексей Гаврилов</dd>   <dd>Виталий Гогунский</dd>   <dd>Мария Кожевникова</dd>  </dl>
dl
Рис. 3. Список определений

4. Вложенный список

Зачастую возможностей простых списков не хватает, например, при создании оглавления никак не обойтись без вложенных пунктов. Разметка для вложенного списка будет следующей:

<ul>   <li>Пункт 1.</li>   <li>Пункт 2.   <ul>   <li>Подпункт 2.1.</li>   <li>Подпункт 2.2.    <ul>   <li>Подпункт 2.2.1.</li>   <li>Подпункт 2.2.2.</li>   </ul>   </li>    <li>Подпункт 2.3.</li>   </ul>   </li>   <li>Пункт 3.</li>  </ul>
ul ul ul
Рис. 4. Вложенный список

5. Многоуровневый нумерованный список

Многоуровневый список используется для отображения элементов списка на разных уровнях с различными отступами. Разметка для многоуровневого нумерованного списка будет следующей:

<ol>   <li>пункт</li> <!-1.->   <li>пункт    <ol>   <li>пункт</li> <!-2.1.->   <li>пункт</li> <!-2.2.->   <li>пункт   <ol>   <li>пункт</li> <!-2.3.1.->   <li>пункт</li> <!-2.3.2.->   <li>пункт</li> <!-2.3.3.->    </ol>   </li> <!-2.3.->   <li>пункт</li> <!-2.4.->    </ol>   </li> <!-2.->   <li>пункт</li> <!-3.->    <li>пункт</li> <!-4.->   </ol>

Такая разметка по умолчанию создаст для каждого вложенного списка новую нумерацию, начинающуюся с единицы. Чтобы сделать вложенную нумерацию, нужно использовать следующие свойства:
counter-reset сбрасывает один или несколько счётчиков, задавая значение для сброса;
counter-increment задаёт значение приращения счётчика, т.е. с каким шагом будет нумероваться каждый последующий пункт;
content — генерируемое содержимое, в данном случае отвечает за вывод номера перед каждым пунктом списка.

ol {  /* убираем стандартную нумерацию */  list-style: none;   /* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */   counter-reset: li;   }  li:before {  /* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */  counter-increment: li;   /* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */  content: counters(li,".") ". ";   }
numeric list
Рис. 5. Многоуровневый нумерованный список

html5book.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.