Un elemento fondamentale di HTML sono le tabelle. Le tabelle vengono definite tramite i tag – table – tr – td.
Vediamo un esempio pratico nel seguente codice:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> </head> <body> <table border="1"> <tr> <th>Titolo colonna1</th> <th>Titolo colonna2</th> </tr> <tr> <td>Cella1</td> <td>Cella2</td> </tr> <tr> <td>Cella3</td> <td>Cella4</td> </tr> </table> </body> </html>
Analizzando la sintassi avremo:
table= marcatore di tabella
border= dimensione del bordo, in HTML5 può avere valore 1 o nullo “”
tr= marcatore di riga
th= marcatore di cella in evidenza
td= marcatore di cella normale
L’effetto finale qui sotto:
Titolo colonna1 | Titolo colonna2 |
---|---|
Cella1 | Cella2 |
Cella3 | Cella4 |