Якою буває список? Види списків

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

Завдяки списками користувачеві легше прочитати які-небудь перераховуються пункти, ніж в один рядок. Саме тому вони постійно використовуються як на сайтах, так і в документах Word і інших текстових редакторах.

Види списків HTML

Списки бувають нумеровані та маркіровані, які також називаються ненумерованными.

У нумерованих списках використовують арабські, римські цифри, літери та все інше, завдяки чому можна зробити перерахування.

У маркірованих списках застосовують різні маркери (крапки, кола, квадрати, стрілочки і так далі).

Наведемо приклади типу сортування пунктів у списках.

На малюнку вище зазначені прості однорівневі списки. Але в документах можуть використовуватися і багаторівневі. Рівнів може бути нескінченна кількість.

На малюнку вище показано, які можуть бути багаторівневі нумеровані та маркіровані списки.

Створення

В html дуже легко створити список. Види списків у html-розмітки дуже схожі. Вони відрізняються тільки початковим і кінцевим тегом. Самі пункти списків позначаються таким же тегом. Тут ви не заплутаєтеся.

Розглянемо приклад створення нумерованого списку:

<ol>

<li>Пункт 1</li>

<li>Пункт 2</li>

<li>Пункт 3</li>

</ol>

Цього коду достатньо, щоб був звичайний список з арабськими цифрами. Цей варіант сортування задається за замовчуванням. Інші варіанти розглянемо трохи далі.

Маркірований список виглядає ось так:

<ul>

<li>Пункт 1</li>

<li>Пункт 2</li>

<li>Пункт 3</li>

</ul>

Різниця в тому, що для нумерованого перерахування ставиться тег ol, а для ненумерованного - ul.

Види списків у Word

У редакторі Word види списків створюються точно такі ж. Більш того, в деяких редакторах html-коду є можливість експорту вмісту з "Ворда". Ці списки прекрасно переносяться туди і оформляються відповідними тегами.

Більше:

Розширення "Економія трафіку Google Chrome

У статті піде мова про те, як здійснюється економія трафіку в Google Chrome. Цей режим ще називають "Турбо", і його практично кожен спостерігав в таких браузерах, як Yandex Browser або Opera. Проте в Google Chrome даний компонент відсутній, і заощади...

Смайли в "Скайпі" - опис, застосування, секрети

Skype - програма, якою користуються багато людей. Вона призначена спеціально для спілкування і обміну даними. Як і будь-який інший месенджер, "Скайп" оснащений чудовим інтерфейсом і графічними елементами. Тут можна виражати емоції різними способами. ...

Ресурс вогняна сіль в "Скайриме"

Матеріал у грі «Скайрим» вогняна сіль має ряд застосувань, які будуть корисні для гравця. Цей предмет можна дістати кількома способами, які варто знати користувачу. Стаття надає всю потрібну інформацію з цього ресурсу.ВидобутокУ проекті ж...

Якщо вам складно самостійно з нуля скласти багаторівневий список на html, то можете створити його спочатку в редакторі Word. Потім переведіть його в html-розмітку.

Розглянемо, як створювати списки в Microsoft Word. Там є спеціальна панель "Список". Види списків там розділені на групи.

Як тільки ви натискаєте на якийсь тип, відразу ж пропонуються варіанти сортування. На малюнку вище запропоновано вибрати тип маркера для ненумерованного списку. Те ж саме і для інших варіантів.

Коли відкривається бібліотека багаторівневих списків, там можна побачити змішану сортування.

Операції зі списками

У редакторі Word можна перетворити будь-список. Види списків вибираються через головну панель або через правий клік. Потрібно виділити текст, який ви хочете представити в такому вигляді, і натиснути праву клавішу миші.

можна Вибрати як нумерований, так і маркірований список.

Крім цього є можливість задати початкову позицію відліку. Наприклад, вам потрібно вивести пункти з 10-го по 12-й. Але за замовчуванням список буде з 1-го пункту. Для цього вам потрібно задати початкове значення "10".

Як бачите, редактор дозволяє змінювати ще й відступи.

Якщо виділити лише 3-й пункт і натиснути праву клавішу миші, то з'явиться можливість почати нумерацію заново, з одиниці.

В будь-який момент з простого списку можна зробити багаторівневий. Для цього потрібно встати на потрібний вам пункт і знову зробити правий клік миші. Далі перейти до пункту меню "Нумерація" і в самому низу натиснути на "Змінити рівень списку".

насправді тут нічого складного немає. Всі пункти меню створені продумано. Контекстне меню при натисненні правої клавіші) завжди змінюється і залежить від того, на що саме ви натиснули (список, посилання, зображення і так далі).

Оформлення списків в html

Оформляти теги можна через класи стилів або кожний раз індивідуально. На самому початку була показана таблиця з різними варіантами перерахування. Там були вказані варіанти decimal, disc, circle і так далі. Це значення потрібно вказувати властивості класу або стилю list-style-type.

Наприклад:

.sort {

List-style-type:disc;

}

Досить вказати клас sort якогось списку, і він буде представлений відповідним чином.

У редакторі Word можна задавати початкові значення. Про це було сказано вище. Те ж саме дозволяється і в html.

це Робиться атрибутом start. Приклад виведення пунктів з початковим значенням "5":

<ol start="5">

<li>Пункт 1</li>

<li>Пункт 2</li>

<li>Пункт 3</li>

</ol>

В результаті ви побачите цифри 5, 6 і 7, а не 1, 2 і 3.

Крім цього можна вказувати, де будерозташований маркер: всередині або зовні. Приклад - нижче.

Крім цього, до списків можна застосувати всілякі хитрощі CSS. Тобто пункти списків можна:

• прикрасити будь-яким кольором;
• задати будь-які відступи;
• вказати будь-який розмір шрифту;
• вказати будь-який шрифт;
• налаштувати відстань між пунктами;
• задати фоновий колір;
• задати будь маркери;
• оформити тінями;
• взагалі прибрати маркери;
• вивести пункти горизонтально;
• створювати багаторівневі списки, які повністю відрізняються від батьківського пункту, і багато іншого.

Наприклад, список можна представити в такому вигляді:

При оформленні списків головне - не перестаратися. Вони служать для полегшеного сприйняття інформації. Не потрібно перетворювати все це різнобарвне неподобство.