Tabele u HTML
Mogućnosti: tabelarno prikazivanje teksta i brojeva i precizno raspoređivanje objekata na Web stranici.
Tabele se čitaju s leva.
etiketa za tabelu je <table> </table>
<tr> </tr> etiketa za red tabele
<td> </td> etiketa za ćeliju u tabeli
Neki od atributa:
Tabele se čitaju s leva.
etiketa za tabelu je <table> </table>
<tr> </tr> etiketa za red tabele
<td> </td> etiketa za ćeliju u tabeli
Neki od atributa:
- Border (okvir, ram) koji opisuje širinu spoljašnjeg okvira tabele;
- Cellspacing koji opisuje širinu linije koja razdvaja dve ćelije;
- Cellpadding koji opisuje prostor oko sadržaja ćelije;
- Width koji opisuje ukupnu širinu tabele.
Dodavanje zaglavlja i naslova
<table>
<table border="1"> <Caption>Naslov tabele</caption> <TR> <Th>Kolona I</Th> <Th>Kolona II</Th> <Th>Kolona III</Th> </TR> <TR> <Td>sadržaj prve kolone prvog reda</Td> <Td>sadržaj druge kolone prvog reda</Td> <Td>sadržaj treće kolone prvog reda</Td> </TR> <TR> <Td>sadržaj prve kolone drugog reda</Td> <Td>sadržaj prve kolone drugog reda</Td> <Td>sadržaj prve kolone drugog reda </Td> </TR> </table> |
<caption></caption> govori čitaču da tekst između ovih oznaka treba da oblikuje u stilu naslova.
<th> </th> govori čitaču da tekst između ovih oznaka treba da formatira kao zaglavlje Ćelije koje se protežu na više kolona ili više redova Za postavljanje ćelije duž više redova, koristi se atribut rowspan u oznaci ćelije <td> ili <th> Za postavljanje ćelije duž više kolona atribut colspan u oznaci ćelije <td> ili <th> <html> <head> <title> Tabela </title> </head> <body> <table border=“1”> <tr><td>A</td> <td>B</td> </tr> <tr><td>C</td> <td>D</td> </tr> <tr><td>E</td> <td>F</td> </tr> </table> </body> </html> |
Atributi za sređivanje tabela |
<table Align="center" border="5" bgcolor="red" bordercolor="blue" bordercolorlight="red" bordercolordark="green" cellpadding="10" cellspacing="5"> <TR> <Caption>Naslov tabele</caption> <Th BGColor="white">kolona I</Th> <Th BGColor="silver">Kolona II</Th> <Th BGColor="yellow">kolona III</Th> </TR> <TR>
|