Formattazione grafica di una tabella.

Scritto da Arianna Mariani. Pubblicato in HTML

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>

Tags: html, blog, blogger

Stampa