Header

HTML liste

Pošalji komentar

Ocenite članak

 

HTML lista može biti uređena i neuređena. Uređena HTML lista može biti numerisana arapskim brojevima, rimskim brojevima ili po abecedi.

Sintaksa



1
<ul>
2
<li>Web dizajn
3
<li>Izrada sajtova
4
<li>Programiranje
5
...
6
</ul>


Neuređena HTML lista



Neuređena HTML lista se formira primenom HTML tagova <ul> ... </ul>.

Izbor markera



1
• disc   - Kružni ispunjen marker 
2
◦ circle - Kružni marker
3
▪ square - Kvadratni marker
4
  none   - Bez markera


Primer



1
<ul style="list-style-type:disc">
2
<li>PHP</li>
3
<li>JavaScript</li>
4
<li>CSS</li>
5
</ul>


Uređena HTML lista



Uređena HTML lista se formira primenom HTML tagova <ol> ... </ol>.

Atributi



1
type="1" - Arapski brojevi
2
type="A" - Abeceda, velika slova
3
type="a" - Abeceda, mala slova
4
type="I" - Rimski brojevi, velika slova
5
type="i" - Rimski brojevi, mala slova


Primer



1
<ol type="1">
2
<li>Linux</li>
3
<li>Apache</li>
4
<li>MySQL</li>
5
<li>PHP</li>
6
</ol>


Opisna HTML lista



Opisna HTML lista se formira primenom HTML tagova <dl> ... </dl>. <dt> tag definiše pojam (engl. term), a <dd> tag definiše opis.

Primer



1
<dl>
2
<dt>Samsung</dt>
3
<dd>- Android</dd>
4
<dt>Apple</dt>
5
<dd>- iOS</dd>
6
</dl>


Ugnežđene HTML liste



HTML podržava ugnežđene liste - lista unutar liste.

Primer



1
<ul>
2
<li>Forum</li>
3
<li>CMS
4
<ul>
5
<li>Magma CMS</li>
6
</ul>
7
</li>
8
<li>eCommerce</li>
9
</ul>