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

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

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

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

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

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

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

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

Відео: HTML для початківців. Урок 8. Списки html.

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

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

створення

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

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

Відео: Створення списків в Word 2007 (15/40)

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

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

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

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

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

Якщо вам складно самостійно з нуля скласти багаторівневий список на 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":

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

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

Відео: Які бувають види хвойних рослин.

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

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

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

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