PROGRAMMIAMO
HTML - Attributo width
L'attributo width di <table>

Mediante l'attributo style e width è possibile specificare le dimensioni di una tabella (parleremo pił avanti dell'uso degli stili per formattare un documento). Sebbene sia possibile specificare le dimensioni in pixel o in punti, è preferibile indicare sempre dimensioni percentuali: in questo modo infatti la tabella si adatta automaticamente alle dimensioni dello schermo del computer dell'utente.

Si consideri per esempio la seguente tabella

<table style="width: 60%" border="1">
<tr>
<td>prima cella </td>
<td>seconda cella </td>
<td>terza cella </td>
</tr>
<tr>
<td>quarta cella </td>
<td>quinta cella </td>
<td>sesta cella </td>
</tr>
<tr>
<td>settima cella </td>
<td>ottava cella </td>
<td>nona cella </td>
</tr>
</table>

che viene visualizzata nel seguente modo (occupando il 60% della pagina):

prima cella seconda cella terza cella
quarta cella quinta cella sesta cella
settima cella ottava cella nona cella

 

L'atttibuto width di <td>

L'attributo style-width può anche essere applicato alle singole celle della tabella. In questo caso esso specifica la larghezza percentuale della cella rispetto alle dimensioni dell'intera tabella. Si consideri l'esempio seguente:

<table style="width: 60%" border="1">
<tr>
<td style="width: 40%">prima cella </td>
<td style="width: 40%" >seconda cella </td>
<td>terza cella </td>
</tr>
<tr>
<td>quarta cella </td>
<td>quinta cella </td>
<td>sesta cella </td>
</tr>
<tr>
<td>settima cella </td>
<td>ottava cella </td>
<td>nona cella </td>
</tr>
</table>

che produce la seguente visualizzazione nel browser

prima cella seconda cella terza cella
quarta cella quinta cella sesta cella
settima cella ottava cella nona cella

Si osservi che le prime due colonne hanno ciascuna una dimensione pari al 40%, mentre la terza colonna occupa il restante 20%. E' importante notare che:

 

 

precedente - successiva

Sito realizzato in base al template offerto da

http://www.graphixmania.it