Liste
Listele sunt un mod simplu de organizare a informaţiei, ele pot fi:
- neordonate;
- ordonate;
- de tip definiţii.
Liste neordonate
Aceste liste sunt delimitate de etichetele <ul> şi </ul> iar elementele de <li> şi </li>.
Exemplu:
<ul>
<li>Mozilla Firefox</li>
<li>Opera</li>
<li>NetScape</li>
</ul>
Cu ajutorul atributului type, putem schimba cercul plin din faţa fiecarui element. Acesta este folosit în mod implicit atunci cand folosim o listă neordonată. Astfel, prin atribuirea unei valori atributului type, vom putea face ca elementele listei să fie precedate de un pătrat sau de un cerc gol.
<ul type="circle">
Pentru pătrate pline vom folosi:
<ul type="square">
Liste ordonate
Aceste liste sunt delimitate de etichetele <ol> şi </ol> iar elementele de <li> şi </li>
Exemplu:
<ol>
<li>Mozilla Firefox</li>
<li>Opera</li>
<li>NetScape</li>
</ol>
Ca şi in cazul listelor neordonate, şi la listele ordonate, atributul type are o valoare implicită, in loc de numere putem folosi şi alte caractere. Pentru a folosi aceste caractere este de ajuns să utilizăm atributul type cu valoarea potrivită.
<ol type="A">
Pentru litere mici vom folosi:
<ol type="a">
Pentru cifre romane mari vom folosi:
<ol type="I">
Pentru cifre romane mici vom folosi:
<ol type="i">
Pe lângă atributul type, pentru tag-ul <OL> mai putem folosi şi atributul START. Acest atribut este folosit atunci când vrem să schimbăm valoarea iniţială, de exemplu dacă vrem să incepem de la 4, in cazul numerelor, sau de la D, in cazul literelor mari, etc. Forma generală a acestui atribut este START=n, unde n este un număr natural.
Liste de definiţii
Pentru a forma liste de definiţii trebuiesc folosite etichetele <dl> şi </dl> (denumirea lor vine de la „definition list” = lista de definiţii).
Termenul definit este inclus între elementele <dt> şi </dt>, iar definiţia termenului o precizăm între elementele <dd> şi </dd>.
Exemplu:
<dt>Teorema lui Pitagora</dt>
<dd>In orice triunghi dreptunghic suma patratelor catetelor este egala cu patratul ipotenuzei.</dd>
<dt>Teorema catetei</dt>
<dd>In orice triunghi dreptunghic patratul catetei este egal cu produsul dintre ipotenuzei si proiectia catetei pe ipotenuza.</dd>
</dl>
