90 likes | 308 Views
FORMATAREA TABELELOR IN LIMBAJUL HTML. CUPRINS. Recapitulare Exemplu Formatarea tabelului - dimensiune ( latime , inaltime ) - chenar - spatiere Imbinarea celulelor. RECAPITULARE. Inserarea tabelului :<table> Inserarea randurilor < tr > Inserarea celulelor :<td> Exemplu :
E N D
CUPRINS • Recapitulare • Exemplu • Formatareatabelului - dimensiune (latime, inaltime) - chenar - spatiere • Imbinareacelulelor
RECAPITULARE • Inserareatabelului :<table> • Inserarearandurilor <tr> • Inserareacelulelor:<td> Exemplu: <table ><tr> <td>Jill</td> <td>Smith</td> <td>50</td></tr><tr> <td>Eve</td> <td>Jackson</td> <td>94</td></tr></table>
FORMATAREA TABELULUI 1.Dimensiunea tabelului: -Se utilizeazaatributul “style” a etichetei <table> astfel: <table style="width:300px; height:300px"> unde “width” reprezintalatimeaiar “height” inaltimeatabelului. 2.Inserarea chenarului: - se utilizeazaatributul “border” astfel: <table border="1" style="width:300px"> 3.Spatiere: - intrecontinutsichenar: <td style="padding:15px"> - intrecelule: <table border="1" style="width:300px; border-spacing:10px;"> 4.Alinierea textului: <table border="1" style="width:300px; text-align:center;">
IMBINAREA CELULELOR • pentruimbinareacelulelor de pe un anumit rand se utilizeazaatributul “colspan” urmat de numarul de celule care se imbina. • pentruimbinareacelulelor de pe o anumitacoloana se utilizeazaatributul “rowspan” urmat de numarul de celule care se imbina: <table> <tr> <th>Name</th> <thcolspan="2">Telephone</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table>
EXEMPLU <table> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <tr> <throwspan="2">Telephone:</th> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table>
FISA DE LUCRU Realizatiurmatorultabel: • Modificatitabelulastfel: • dimensiunechenar: 3px • spatiuldintrecelule: 5px • - aliniere text: centrat