0:00:00.633,0:00:02.766
Ви знаєте, що я люблю? Списки!

0:00:02.766,0:00:05.133
Ви коли-небудь робили список покупок [br]або завдань?

0:00:05.133,0:00:07.342
Ви коли-небудь читали списки [br]на веб-сайтах?

0:00:07.342,0:00:10.401
Наприклад,[br]"Топ-10 Найсмішнішніх Собачих Мордочок"?

0:00:10.401,0:00:13.700
Я впевнена, ви бачили, тому що[br]світ наповнений списками.

0:00:13.700,0:00:16.100
HTML дає нам декілька тегів для [br]створення списків,

0:00:16.100,0:00:18.966
і ми зараз трішки попрактикуємось з ними,

0:00:18.966,0:00:23.963
створивши список причин, чому кролики[br]є прекрасними тваринками.

0:00:24.600,0:00:27.133
Отже, щоб створити маркований список,

0:00:27.133,0:00:30.486
ми повинні почати з тега < ul >.

0:00:30.502,0:00:32.433
Що означає тег < ul >?

0:00:32.433,0:00:36.100
Я закладаюсь, ви можете здогадатись,[br]що "l" – це список (англ. "List").

0:00:36.100,0:00:39.933
З "u" – трохи складніше, ця літера означає[br]"невпорядкований" (англ."unordered"),

0:00:39.933,0:00:42.800
і це означає, що браузер [br]не нумеруватиме елементи списку.

0:00:42.800,0:00:45.066
Він всього лиш додаватиме [br]маленькі маркери.

0:00:45.066,0:00:48.367
Щоб побачити, що я маю на увазі,[br]давайте додамо перший елемент.

0:00:48.367,0:00:50.200
"Вони – пухнасті".

0:00:50.200,0:00:52.111
Бачите маленький кружечок збоку?

0:00:52.111,0:00:53.268
Це і є маркер.

0:00:53.268,0:00:55.933
Як ви думаєте, що означає < li >?

0:00:55.933,0:00:59.933
"l" – це список (англ. list), "і" - це елемент[br](англ. item), елемент списку.

0:00:59.933,0:01:01.700
Кожного разу, коли ми хочемо додати [br]новий елемент,

0:01:01.700,0:01:05.633
ми маємо додати новий тег < li > під тегом < ul > .

0:01:05.633,0:01:08.500
Кожен тег < ul > має мати хоча б[br]один тег < li > під собою,

0:01:08.500,0:01:11.833
тому що список без елементів - [br]це дуже нудно.

0:01:11.833,0:01:13.733
Добре, давайте додамо ще щось.

0:01:13.733,0:01:17.366
"Хороші слухачі" і...

0:01:17.366,0:01:21.535
"Їдять всі твої залишки моркви".

0:01:22.146,0:01:24.933
Гаразд, думаю, це буде дуже [br]переконливий список.

0:01:24.933,0:01:28.433
Думаю, прочитавши це, [br]коже би захотів завести собі кролика.

0:01:28.433,0:01:30.000
Я не пронумерувала список,

0:01:30.000,0:01:31.767
тому що не вважаю,[br]що одна причина

0:01:31.767,0:01:33.600
є важливішою за іншу,

0:01:33.600,0:01:36.666
але існує багато випадків,[br]коли нам потрібно створити нумерований список.

0:01:36.666,0:01:38.133
Наприклад, якщо б[br]ми захотіли створити список:

0:01:38.133,0:01:43.133
"Топ-3 найвідоміших кроликів".

0:01:44.866,0:01:47.233
Для того, щоб створити нумерований список,

0:01:47.233,0:01:51.166
ми використаємо тег < ol > замість < ul > .

0:01:51.166,0:01:54.633
Ви здогадались, що означає < ol > ?

0:01:54.633,0:01:56.281
Ось підказка, просто відкиньте [br]

0:01:56.281,0:01:59.233
дві перші літери від слова, [br]яке було означенням < ul >.

0:01:59.233,0:02:02.633
Правильно, ці літери означають [br]"впорядкований список" (англ. "ordered list").

0:02:02.633,0:02:04.566
І цей тег каже браузеру автоматично

0:02:04.566,0:02:06.533
нумерувати кожен новий елемент списку.

0:02:06.533,0:02:09.500
Далі ми використовуємо тег < li >, [br]для того щоб додати

0:02:09.500,0:02:11.733
нові елементи у список.

0:02:11.733,0:02:13.400
Тому ми напишемо "Багс Банні",

0:02:13.400,0:02:15.866
далі "Тампер",

0:02:15.866,0:02:19.300
і, звичайно, ми не можемо [br]забути про "Різдвяного кролика".

0:02:20.988,0:02:22.533
В нумерованому списку важливе те,

0:02:22.533,0:02:25.033
що браузер сам створює для нас[br]нумерацію.

0:02:25.033,0:02:27.733
Тому, якщо ми по-іншому впорядкуємо [br]список, видалимо або додамо нові елементи,

0:02:27.733,0:02:30.400
він завжди правильно розставить наші числа.

0:02:30.400,0:02:32.133
Наприклад, якщо ви всі скажете,

0:02:32.133,0:02:33.800
що не знаєте, хто такий Тампер.

0:02:33.800,0:02:35.933
Тоді спочатку я вам скажу,

0:02:35.933,0:02:37.400
що ви маєте переглянути "Бембі".

0:02:37.400,0:02:39.300
Але потім я неохоче пересуну

0:02:39.300,0:02:41.233
Тампера в самий низ.

0:02:41.233,0:02:44.466
І зараз бідний Тампер є третім номером.

0:02:44.466,0:02:47.133
Отже, зараз ви маєте все,[br]щоб створювати списки.

0:02:47.133,0:02:50.329
Тож вперед! Складайте списки!

0:02:50.471,0:02:54.901
Переклад на українську мову: Зоряна Гаврилюк, рев'юер: Юлія Білаш, Благодійний фонд "MagneticOne.org"