Crearea paginilor WEB

Tabele HTML
Tabele Tabelele sunt definite cu tag-ul <table>. Un tabel este mprit n rnduri (cu tag-ul <tr> )i fiecare rnd n celule ce conin date(cu tag-ul <td>). O astfel de celul poate conine text, imagini, liste, paragrafe, form-uri, tabele, rigle orizontale, etc.
<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> Un astfel de tabel va arta:

Capete de tabel Atributul Border Sunt definite cu tag-ul <th>. Dac nu este specificat atributul <table border="1"> border, tabelul va fi afiat fr borduri <tr> Cteodat acest lucru este util dar <th>Heading</th> uneori vrem ca acestea s nu fie <th>Another Heading</th> vizibile. </tr> Pentru a afia un tabel cu borduri, se <tr> poate folosi atributul border : <td>row 1, cell 1</td> <table border="1"> <td>row 1, cell 2</td> <tr> </tr> <td>Row 1, cell 1</td> <tr> <td>Row 1, cell 2</td> <td>row 2, cell 1</td> </tr> <td>row 2, cell 2</td> </table> </tr> </table>

Tagul <table> accept urmtoarele atribute: width, height specific lungimea, respectiv nlimea tabelului. Valorile primite de cele dou atribute pot fi exprimate n pixeli, ca valori absolute, sau n procente din dimensiunea blocului printe. border controleaz afiarea/ascunderea chenarului celulelor tabelului i, eventual, permite specificarea grosimii sale. Chenarul celulelor are un aspect tridimensional. Implicit, atunci cnd lipsete, atributul border are valoarea 0, caz n care chenarul celulelor nu va mai fi trasat, ns se va pstra organizarea sub form de tabel a coninutului. Dac atributul border este prezent, dar nu este nsoit de nici o valoare, se va trasa n jurul celulelor un chenar a crei lime este dependent de browserul utilizat. Specificarea explicit a grosimii chenarului se realizeaz transmind ca valoare a atributului border grosimea dorit, exprimat n pixeli. bgcolor permite specificarea unei culori de fundal a tabelului cellpading controleaz distana, exprimat n pixeli, dintre coninutul unei celule i chenarul su. Implicit, atributul cellpading are valoarea 1. cellspacing - controleaz distana, exprimat n pixeli, dintre dou celule. Implicit, atributul cellspacing are valoarea 2. background permite afiarea unei imagini de fundal a tabelului. Atributul primete ca valoare adresa URL a imaginii.

 bordercolor permite specificarea culorii chenarului celulelor, exprimat fie sub forma tripletului hexa #rrggbb, fie ca o constant predefinit de culoare. Utilizarea acestui atribut nu are sens atunci cnd atributul border nu exist sau este setat pe 0. bordercolorlight, bordercolordark seteaz culoarea luminoas, respectiv culoarea umbrit, a unui chenar tridimensional. Utilizarea celor dou atribute are sens numai n prezena atributului border. valign specific modul de aliniere vertical n interiorul celulelor. Alinierea poate fi: top, bottom, center (valoare implicit). align specific modul de aliniere al tabelului n cadrul ferestrei browserului. Ca i n cazul imaginilor, restul elementelor documentului pot umple marginile tabelului. Atributul align poate primi valorile left, right, center.

Definirea rndurilor Tagul <tr> (Table Row) Introducerea rndurilor ntr-un tabel se realizeaz cu ajutorul tagului <tr>. Tagul <tr> accept atributele: align specific modul de aliniere orizontal a coninutului n interiorul celulelor rndului respectiv. Alinierea poate fi: left (valoare implicit), right, center; valign - specific modul de aliniere vertical a coninutului celulelor rndului n cauz. Alinierea poate fi: top, middle, bottom, baseline. n cazul valorii baseline, toate elementele celulelor vor fi aliniate la aceeai linie de baz; bgcolor permite specificarea unei culori de fundal a randului background primete ca valoare adresa URL a unei imagini pe care o va afia ca fundal al rndului curente. Atributul este acceptat numai de ctre Netscape Comuicator; bordercolorlight, bordercolordark atributele au aceeai semnificaie ca n cazul includerii lor n tagul <table>, numai c se vor referi la chenarul rndului curent. title permite afiarea unui mesaj cnd mouse-ul se oprete deasupra rndului.

 bordercolor, bordercolorlight, bordercolordark atributele sunt recunoscute numai de ctre Internet Explorer i au aceeai semnificaie ca i n cazul tagurilor <table> i <tr>, numai c se refer la chenarul celulei curente. nowrap prezena acestui atribut inhib posibilitatea ca textul unei celule s fie spart n mai multe linii. Din motive lesne de neles, nu se recomand utilizarea excesiv a acestui atribut. colspan, rowspan permit unirea mai multor celule aflate pe aceeai coloan, respectiv rnd, ntr-una singur. Implicit, cele dou atribute au valoarea 1. title- afieaz un mesaj atunci cnd mouse-ul se afl n repaos pe suprafaa celulei. .

Definirea celulelor Tagul <td> (Table Data) Definirea celulelor unui tabel se realizeaez cu ajutorul tagului <td>. Tagul accept atributele: align seteaz modul de aliniere orizontal a coninutului celulei respective. Alinierea poate fi: left, center, right. valign seteaz modul de aliniere vertical a coninutului celulei respective. Alinierea poate fi: left, center, right, baseline. width, height seteaz lungimea, respectiv limea celulei curente. Dimensiunile sunt exprimate fie n valori absolute (pixeli), fie n procente din dimensiunile corespunztoare ale tabelului. Se recomand ca toate celulele unui rnd/coloan s aib aceeai nlime/lungime, pentru a nu altera forma tabelului. bgcolor seteaz culoarea fundalului celulei, analog includerii n tagurile <table> sau <tr>. background permite afiarea unei imagini de fundal a celulei, analog includerii n tagurile <table> sau <tr>.