Crearea listelor/tabelelor HTML

Listele pot fi create 2 tipuri de liste :
1 ) Liste neordonate ( liste marcate )
2 ) Liste ordonate ( liste marcate )

Crearea listelor neordonate :

se face cu tagul pereche <ul type=valoare> ;
<li> element 1 </li>
<li> element 2 </li>
.... </ul> Unde type precizeaza tipul marcatorului si poate lua urmatoarele valori (circle,squeare,disc)

Crearea listelor ordonate :

se face cu tagul pereche <ol type=valoare, start=valoare2>
<li> element 1 </li>
<li> element 2 </li>
.... </ol> unde type = { a , A , i ( litere romane ) , I ( litere romane mari ) , 1 ( cifre ) } ; iar start precizeaza valoarea de la care incepe numerotarea.

Obs : listele pot fi implicate.

Aplicatie : Creati o pagina web care va contine un test grila cu 10 intrebari numerotate de la 1 la 10, fiecare intrebare avand 4 variante de raspuns numerotate cu litere mici. In partea de jos a paginii va aparea urmatorul text : Observatii :
o toate subiectele sunt obligatorii
o fiecare intrebare este notata cu 10p
o timp de lucru 10 minute

Inserarea legaturilor se face cu ajutorul tagului pereche

<a href = cale ; target = valoare ; title = text ; > ...... </a>

Unde href precizeaza adresa fisierului catre care se face legatura.

Target precizeaza in ce fereastra se va deschide fisierul catre care se face legatura,  care poate lua valorile :
_blank -> pagina va fi incarcata intr-o noua fereastra.
_self -> pagina va fi incarcata in aceeasi fereastra.
_top -> incarcarea se va face in pagina de top a cadrului.
_parent -> pagina va fi incarcata in fereastra parinte.

Title permite afisarea unui text ce contine o descriere a linkului respectiv. Textul va fi afisat in momentul in care pozitionam cursorul mouseului deasupra legaturii.

href="mailto: clasa12a@yahoo.com "

CREAREA TABELELOR :

Inserarea tabelelor intr-un document HTML se realizeaza cu ajutorul tagului pereche <table></table> care accepta urmatoarele atribute :

border = valoare ( precizeaza grosimea bordurii ) ( border = 0 => tabel fara bordura )

width = valoare, height = valoare ( precizeaza latimea, respectiv inaltimea tabelului. Valoarea poate fi exprimata ca numar de pixeli sau ca procent din suprafata ecranului )

bgcolor = culoare ( permite aplicarea in fundal a culorii precizate )

background = nume-fisier ( permite aplicarea unei imagini in fundalul tabelului )

cellspacing = valoare ( precizeaza dimensiunea distantei dintre celulele tabelului ) ( cellspacing = 0 => fara linie dubla in tabel )

cellpadding = valoare ( precizeaza dimensiunea spatiului dintre marginea celulei si continutul acesteia )

Definirea continutului tabelului se face pe linii, celula cu celula. Definirea liniilor se realizeaza cu ajutorul tagului pereche <tr></tr> iar definirea fiecarei celule in parte se realizeaza cu ajutorul tagului pereche <td></td> care admite urmatoarele atribute :

align = valoare ( left , right , center ) -> precizeaza modul de aliniere pe orizontala a continutului in cadrul celulei.
valign = valoare ( top , bottom , middle ) -> precizeaza modul de aliniere pe verticala a continutului in cadrul celulei.
width = valoare ; height = valoare -> precizeaza latimea, respectiv inaltimea celulei.
bgcolor = culoare -> permite aplicarea in fundalul celulei a culorii precizate.
background = nume-fisier -> permite aplicarea unei imagini in fundalul celulei.
colspan = valoare -> stabileste pe cate coloane spre dreapta se intinde celula curenta.
rowspan = valoare -> precizeaza pe cate linii se va intinde celula curenta.

Ex :
<table>
<tr>
<td> ... </td>
. . .
<td> ... </td>
</tr>
.
.
.
<tr>
<td> ... </td>
. . .
<td> ... </td>
</tr>
</table>