3. lecke - listák

Felsorolás és sorszámozott lista (lista1 - 2.html)

<ul> ...

Töltsük be a vaz.html fájlt, majd egészítsük ki a következőképpen (nem tilos a hasonló sorokat másolni!):

<h2>Palacsinta készítése</h2>
<h4>Összetevők</h4>
<ul>
	<li>liszt</li>
	<li>tojás</li>
	<li>tej vagy víz</li>
	<li>cukor</li>
	<li>só</li>
</ul>

Mentsük lista1.html néven, és nézzük is meg egy böngészővel!

Az ul - unordered list (számozatlan lista). Rendezetlen listának is hívják, hiszen a sorrend lényegtelen. A lista elemei li - list item (listaelem) az <ul>, </ul> pár közt vannak, és szintén párban.

<ol> ...

Ismételjük meg még egyszer:

<h2>Iskolai órarendem<br>Hétfő</h2>
<ol>
	<li>Testnevelés</li>
	<li>Olvasás</li>
	<li>Matematika</li>
	<li>Környezetismeret</li>
	<li>Ének</li>
</ol>

Mentsük lista2.html néven, és nézzük is meg egy böngészővel!

Milyen szintű címsor lesz a "Hétfő"?

Az ol - ordered list (számozott lista). Rendezett listának is hívják, hiszen a sorrend lényeges. A lista elemei li - list item (listaelem) az <ol>, </ol> pár közt vannak, és szintén párban.

Ha nem az "1." sorszámmal akarjuk kezdeni a számozást, hanem például "3."-al, akkor
<ol start='3'> a megoldás.

Próbáljuk ki!