Vogliamo realizzare una tabella per l’orario dei corsi di una palestra.
Per quanto riguarda lo sfondo della tabella e i font, sono validi tutti gli stili già studiati.
E’ possibile assegnare ampiezza e altezza della tabella con width ed height.
Nella prima riga posso utilizzare il tag TH (table heading) al posto del TD, in modo che il testo sia già centrato e sia in grassetto. In questo modo è anche possibile applicare uno stile diverso alle caselle della prima riga rispetto alle altre.
<html>
<head><title>PAGINA CON LE TABLE</title>
<style>
table{
font-size:20px; /* grandezza del font */
height:200px; /* altezza della tabella */
}
th{
color:#FF3300; /* colore del font per il th */
}
td,th{
width:150px; /* ampiezza delle caselle */
text-align:center; /* centro il testo */
}
</style>
</head>
<body>
<table>
<TR>
<th>orario</th>
<th>LUN</th>
<th>MAR</th>
<th>MER</th>
<th>GIO</th>
<th>VEN</th>
</TR>
<TR>
<th>10.00</th>
<td>danza</td>
<td>judo</td>
<td>danza</td>
<td>aerobica</td>
<td>judo</td>
</TR>
<TR>
<TH>11.00</TH>
<td>pilates</td>
<td>danza</td>
<td>aerobica</td>
<td>judo</td>
<td>pilates</td>
</TR>
</TABLE>