Există trei tipuri de listări, listare neordonată, listare ordonată și listare definită.Acum vom trata primele două listari, iar listarea definită va fi prezentată în tutorialul HTML pentru intermediari.
Listarea neordonată și cea ordonată funcționează cam în același mod, singura diferențiere fiind la afișare, o listare neordonată având caracteristic deobicei text precedat de diferite semne, iar listarea ordonată poate avea textul precedat de litere sau numere.
Tag-ul <ul> este folosit pentru a descrie o listă neordonată, iar tag-ul <ol> pentru a defini o listă ordonată.În interiorul listei, folosim tag-ul <li> pentru a defini semne pentru fiecare rând de text.
Modifica codul tău din document, astfel :
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Pagină personală</title>
</head>
<body>
<h1>Aceasta este prima mea pagină web.</h1>
<h2>Ce este asta</h2>
<p>O simplă pagină construită folosind limbajul HTML</p>
<h2>De ce este așa</h2>
<ul>
<li>Pentru a învăța HTML</li>
<li>Pentru a mă perfecționa</li>
<li>Pentru că îmi iubesc calculatorul și aș vrea să îi ofer putină dragoste HTML</li>
</ul>
</body>
</html>
Dacă salvezi și accesezi pagina în browserul de internet, în text vei observa o listă cu semne.Schimbă tag-ul <ul> cu tag-ul <ol> și vei observa că lista ta va fi numerotată.O lista poate fi deasemenea integrată întro altă listă, pentru a forma o ierarhizare listată cu mai multe caracteristici.
Schimbă textul adăugat nou, cu următoarea soluție :
<ul>
<li>Pentru a învăța HTML</li>
<li>
Pentru a mă perfecționa
<ol>
<li>Pentru șeful meu</li>
<li>Pentru prietenii mei</li>
<li>Pentru pisica mea</li>
<li>Pentru mica rățușcă vorbăreață din mintea mea</li>
</ol>
</li>
<li>Pentru că îmi iubesc calculatorul și aș vrea să îi ofer putină dragoste HTML</li>
</ul>
Și iată cum ai reușit să pui o listă în interiorul unei alte liste, si poți continua mai departe, făcând un șir de liste în liste.
Pagini relatate:
- Pagina următoare: Link-uri
- Pagina precedentă: Tag-ul <h>,<h1>,<h2> etc.
- Liste de definiții ( Tutorial HTML pentru intermediari )
