Liste

Liste

In acest tutorial vei invata cum iti poti organiza continutul paginii tale Web cu ajutorul listelor. Vom studia listele ordonate, neordonate si de definitii. Tipuri de liste Exista 3 tipuri pentru liste: 1. Liste neordonate (cunoscute si ca "bullet"). De exemplu: • Merele sunt verzi • Bananele sunt galbene • Portocalele sunt portocalii 2. Liste ordonate (sau numerotate). De exemplu: 1. Aprindeti pocnitoarea. 2. Aruncati-o. 3. Liste de definitii Acestea sunt folosite in cazul cand fiecare element al listei are nevoie de un sumar, urmat de descriere mai detaliata. De exemplu: Paris, Franta Capitala Frantei. Printre atractii se numara turnul Eiffel si catedrala Notre Dame. Sydney, Australia Capitala statului New South Wales, Australia. Atractii: Opera si podul Harbour. Londra, Anglia Capitala Angliei. Obiective turistice: Tower Bridge si Big Ben. Sa vedem cum putem crea aceste tipuri de liste in HTML. Crearea listelor neordonate Pentru a crea o lista neordonata folosim tag-urile

; la inceputul si sfarsitul listei si

pentru fiecare element. Pentru exemplul de mai sus, codul HTML este:

• Merele sunt verzi
• Bananele sunt galbene
• Portocalele sunt portocalii

(Tag-urile sunt optionale, dar le vom folosi pentru a evita ambiguitatile.) Crearea listelor ordonate Pentru listele ordonate (numerotate), metoda este aceeasi, cu singura deosebire ca tag-urile folosite vor fi

in loc de

. Pentru exemplul de mai sus, codul este:

1. Aprindeti pocnitoarea.
2. Aruncati-o.

Crearea listelor de definitii Listele de definitii sunt ceva mai greu de realizat fata de primele doua tipuri, dar metoda este totusi destul de simpla. Lista va fi creata folosind tag-urile

si

pentru inceput si sfarsit. Fiecare element al listei este alcatuit dintr-un termen creat cu ajutorul tag-urilor

si definitia propriu-zisa pentru care sunt folosite tag-urile

. Deci, codul pentru exemplul de mai sus este:

<strong>Paris, Franta

Capitala Frantei. Printre atractii se numara turnul Eiffel si catedrala Notre Dame.

<strong>Sydney, Australia

Capitala statului New South Wales, Australia. Atractii: Opera si podul Harbour.

<strong>Londra, Anglia

Capitala Angliei. Obiective turistice: Tower Bridge si Big Ben.

Liste imbricate Este posibil ca in cadrul unei liste sa avem o alta lista. De exemplu, o lista cu doua niveluri poate fi: 1. Capitolul 1 1. Sectiunea 1.1 2. Sectiunea 1.2 2. Capitolul 2 1. Sectiunea 2.1 2. Sectiunea 2.2 3. Sectiunea 2.3 Codul HTML pentru crearea listei de mai sus este:

1. Capitolul 1
   
   
   
   1. Sectiunea
   2. Sectiunea
2. Capitolul 2
   1. Sectiunea
   2. Sectiunea
   3. Sectiunea

1.1 1.2

2.1 2.2 2.3

Pot fi imbricate tipuri diferite de liste. In exemplul urmator, liste ordonate si cele neordonate sunt definite in cadrul unei liste de definitii. Fructe • Merele sunt verzi • Bananele sunt galbene • Portocalele sunt portocalii Instructiuni pentru artificii 1. Aprindeti pocnitoarea. 2. Aruncati-o. Codul HTML este:

<strong>Fructe

• Merele sunt verzi
• Bananele sunt galbene
• Portocalele sunt portocalii

<strong>Instructiuni pentru artificii

1. Aprindeti pocnitoarea.
2. Aruncati-o.

Pentru a exersa, incearca sa creezi singur(a) cateva liste pe care sa le poti folosi in paginile tale HTML.