Tablice u HTML-u PDF Ispis E-mail

Tablice koristimo za stupčasti unos podataka. Svaka tablica sastoji se od stupaca i redaka. Na sjecištu stupca i retka nalazi se ćelija. Više ćelija može biti povezano bilo u retku ili u stupcu. Tag kojim počinjemo opisivanje izgleda tablice unutar html koda je <table>. Tag <table> zahtjeva umetanje završnog taga </table>. Unutar tablice umećemo stupac (oblikovanje stupca počinje s <tr> a završava s</tr>) i unutar svakog stupca ubacujemo ćeliju: tag <td> odnosno za završetak ćelije tag </td>.

 

<html>
<head>
<title>Tablice u html-u</title>
</head>
<body>
<table border="5" cellpadding="0" cellspacing="10">
<tr>
<td align="left"><font color="red"><b>Broj sata</b></font></td>
<td>Sat 1</td>
<td>Sat 2</td>
</tr>
<tr>
<td align="left"><font color="blue"><b>Predmet</b></font></td>
<td>Računalstvo</td>
<td>Izrada web stranica</td>
</tr>
</table>
</body>
</html>
<!-- Komentar kraja primjera ------------------------>

 

 

Pojašnjenje pojedinih redaka:

<table border="5" cellpadding="0" cellspacing="10">

Svojstvo (atribut) border određuje širinu ruba oko tablice. Svojstvo cellpadding određuje razmak između ruba ćelije i podataka u ćeliji. Svojstvo cellspacing odeđuje razmak između pojedinih ćelija.

 

<td align="left">

Svojstvo align određuje poravnanje podatka u ćeliji. Moguće vrijednosti svojstva su left, center ili right.

 

 
Copyright © 2012 Programiranje i izrada web stranica. Sva prava pridržana.
Joomla! je Free Software objavljen pod GNU/GPL Licencom..