Liste

HTML ofera programatorilor trei tipuri de liste.

• <ul> – Lista neordonata. Acest tip de lista va afisa elementele cu o bulina in fata.
• <ol> – Lista ordonata. Acest tip de lista va afisa elementele cu un numar in fata.
• <dl> – Lista de definitii. Acest tip de lista va afisa elementele similar unui dictionar.

Liste Neordonata

O lista neordonata este o lista ce afiseaza elemente ce nu au nevoie de afisare intr-o anumita ordine. Acest tip de lista poate fi creeata folosind tag-ul <ul>.Un exemplu cat se poate de simplu:

<ul>
	<li>Bacon</li>
	<li>Oua</li>
	<li>Lapte</li>
	<li>Cereale</li>
</ul>

Acest cod va avea urmatorul rezultat:

• Bacon
• Oua
• Lapte
• Cereale

 Atributul type

In tag-ul <ul> putem folosi atributul type pentru a specifica tipul de marker. In mod default este un disc (o bulina de fapt), dar avem mai multe posibilitati:

<ul type="square">
<ul type="disc">
<ul type="circle">

Liste Ordonate

Acest tip de lista afiseaza numere in loc de buline sau alte forme si o putem folosi cu tag-ul <ol>.

<ol>
	<li>Bacon</li>
	<li>Oua</li>
	<li>Lapte</li>
	<li>Cereale</li>
</ol>

Acest cod va avea urmatorul rezultat:

1. Bacon
2. Oua
3. Lapte
4. Cereale

 Atributul type

In tag-ul <ol> putem folosi atributul type pentru a specifica tipul de numar. In mod default sunt folosite numere arabe (1, 2, 3, etc), dar avem mai multe posibilitati:

<ol type="1"> - Default, numere arabe
<ol type="I"> - Numere romane mari (I, II, III, IV, etc)
<ol type="i"> - Numere romane mici (i, ii, iii, iv, etc)
<ol type="a"> - Litere mici (a, b, c, etc)
<ol type="A"> - Litere mari (A, B, C, etc)

Atributul Start

Puteti folosi atributul start pentru liste ordonate ( <ol> ) pentru a specifica inceputul listei.

<ol type="1" start="4">    - Va incepe numerotarea de la 4.
<ol type="I" start="4">    - Va incepe numerotarea de la IV.
<ol type="i" start="4">    - Va incepe numerotarea de la iv.
<ol type="a" start="4">    - Va incepe numerotarea de la d.
<ol type="A" start="4">    - Va incepe numerotarea de la D.

Liste de Definitie

In acest tip de lista elementele sunt afisate ca intr-un dictionar. Acest tip de lista este bun pentru a creea un glosar, o lista de termenu sau chiar si un dialog.

• <dl> – Defineste inceputul listei
• <dt> – Un termen
• <dd> – Definitia unui termen
• </dl> -Defineste sfarsitul listei

<dl>
	<dt><b>HTML</b></dt>
		<dd>Acronim pentru Hyper Text Markup Language</dd>
	<dt><b>HTTP</b></dt>
		<dd>Acronim pentru Hyper Text Transfer Protocol</dd>
</dl>

Rezultatul va fi acesta:

HTML

Acronim pentru Hyper Text Markup Language

HTTP

Acronim pentru Hyper Text Transfer Protocol