Знате ли шта волим? Листе.

Јесте ли икад направили листу
обавеза или шопинг листу?

Јесте ли икада прочитали листу
на веб страници, попут

"Топ 10 најсмешнијих псећих фаца"?

Кладим се да јесте,
пошто је свет пун листи.

HTML нам пружа неколико
тагова за прављење листи,

а ми ћемо их увежбати правећи

листе разлога зашто су зечеви
одлични кућни љубимци.

Сада, да би започели неуређену листу,

морамо почети са  тагом.

Шта значи ?

Па, кладим се да можете погодити
шта "l" значи: листа.

"u", је мало шкакљивије,
то значи: неуређена (енгл. unordered),

и то значи да претраживач неће
нумерисати чланове листе.

Само ће додати мале тачкице.

Да видите шта мислим под тим,
хајде да додамо прву ставку,

"Они су крзнени".

Видите мали круг са стране?

То је тачка.

Сада, шта претпостављате да  значи?

"l" је листа а "i" је ставка (енгл. item),
ставка листе.

Сваки пута када желимо
да додамо нову ставку,

треба да додамо нови  под  .

Сваки  би требао да садржи
бар један  унутар себе,

јер је листа без ставки прилично досадна.

У реду, додајмо још нешто, попут,

"Веома послушни" и,

"Поједу сву вашу преосталу шаргарепу".

У реду, ово би требало да буде
прилично убедљива листа.

Не знам ко не би пожелео
зеца после читања овог?

Сада, нисам нумерисала ову листу

пошто нисам сматрала да је неки разлог

важнији од другог,

али постоји много случајева
када желимо уређене листе.

Као... ако желимо да направимо

листу "Топ три најпознатија зеца".

Дакле, да започнемо нашу уређену листу,

користићемо  уместо .

Јесте ли провалили шта  значи?

Ево наговештаја, само склоните прва

два слова од онога што  представља.

У праву сте, то значи "уређена листа".

И то говори претраживачу да аутоматски

нумерише сваку нову ставку.

И даље користимо 
за додавање нових ставки

унутар листе, као и раније.

Дакле, ставићемо "Душко Дугоушко",

имамо "Тампера"

и наравно, не смемо заборавити,
"Ускршњи зека".

У реду. Згодна ствар
за уређену листу је

да претраживач преузима бригу
о нумерацији уместо нас.

Тако да, ако прерасподелимо ставке,
обришемо или додамо нове,

он увек ажурира бројеве исправно.

На пример, ако ми сви ви кажете да

не знате ко је "Тампер".

Онда, као прво,
свима би вам рекла да бисте

требали да погледате "Бамбија".

Али онда ћу, нерадо, преместити

"Тампера" доле на дно.

И сада је јадни "Тампер" на трећем месту.

Дакле, сада имате све
што вам треба да направите листу.

Само напред и излистајте све.