Darmowy kurs języka HTML - spisy, listy , część 3

 

Cały spis obejmujemy w znaczniki <ul> natomiast znaczniki <li> są kolejnymi punktami w spisie. Oto przykład najprostszej listy:

 

<ul>

<li>jabłko

<li>banan

<li>śliwka

<li>gruszka

</ul>

 

Bardziej zaawansowane parametry dotyczące listy:

 

<ul type="disc">

<li>element 1</li>

<li>element 2</li>

</ul>

 

 

Oto różne rodzaje wypunktowania:

 

<ul type="disc">

<li>jabłko

<li>banan

<li>śliwka

<li>gruszka

</ul>

 

<ul type="circle">

<li>jabłko

<li>banan

<li>śliwka

<li>gruszka

</ul>

 

 

<ul type="square">

<li>jabłko

<li>banan

<li>śliwka

<li>gruszka

</ul>

 

 

Lista i spisy mogą być również automatycznie numerowane. Wykorzystujemy do tego celu znacznik <ol>:

 

<ol>

<li>jabłko

<li>banan

<li>śliwka

<li>gruszka

</ol>

 

 

Tutaj również można podać styl wyliczanie przez parametr ol np:

 

<ol type="a"> - wyliczanie abc itd

<ol type="1"> - numerowanie

<ol type="I"> - numerowanie rzymskie

 

Spisy i lisyt mogą być zagnieżdżone poprzez umieszczanie np w liście dodatkowej podlisty.

 

Przykład:

 

<ol>

<li>owoce

<ul>

<li>jabłko</li>

<li>banany</li>

</ul></li>

<li>warzywa

<ul>

<li>ziemniak</li>

<li>ogórek</li>

</ul></li>

</ol>