Dimensioniamo le tabelle

In questa lezione vedremo come dimensionare le celle e come colorare i bordi ma prima di fare questo è necessaria una doverosa precisazione.

In questa immagine, che già conoscete, dobbiamo precisare una cosa, ossia, che questa tabella è formata da due righe, quattro celle e due colonne, una sinistra e una destra.
Era giusto dirvelo per il proseguo della lezione.

Bene, proseguiamo.
Ora daremo una dimensione totale alla tabella utilizzando un nuovo Tag, il Tag width che dimensionerà la tabella in lunghezza:

<body>
<table width="900pxl" border="1pxl">
<tr>
<td>Io sono la prima cella</td>
<td>Io sono la seconda cella</td>
</tr>
<tr>
<td>Io sono la terza cella</td>
<td>Io sono la quarta cella</td>
</tr>
</table>
</body>

Ora la nostra tabella misura 500pxl e, automaticamente le due colonne misureranno 450pxl ogniuna.

<body>
<table width="500pxl" border="1pxl">
<tr>
<td>Io sono la prima cella</td>
<td>Io sono la seconda cella</td>
</tr>
<tr>
<td>Io sono la terza cella</td>
<td>Io sono la quarta cella</td>
</tr>
</table>
</body>

Ora vogliamo che una colonna (formata da due celle) misuri 300pxl:

<body>
<table width="500pxl" border="1pxl">
<tr>
<td width="300pxl">Io sono la prima cella</td>
<td>Io sono la seconda cella</td>
</tr>
<tr>
<td>Io sono la terza cella</td>
<td>Io sono la quarta cella</td>
</tr>
</table>
</body>

In questo modo la prima cella di sinistra misurerà 300pxl, ma anche quella sotto, la terza cella misurerà 300pxl in quanto facente parte della stessa colonna.
Per realizzare una tabella precisa al massimo, dovremmo dimensionare la colonna di destra attribuendole una lunghezza di 200pxl (500-300=200) quindi:

<body>
<table width="500pxl" border="1pxl">
<tr>
<td width="300pxl">Io sono la prima cella</td>
<td width="200pxl">Io sono la seconda cella</td>
</tr>
<tr>
<td>Io sono la terza cella</td>
<td>Io sono la quarta cella</td>
</tr>
</table>
</body>

Senza nome 1

Home page - Corso HTML base - Indicizzare un sito - Tutorial HTML - Area download - IIS Express - Aggiornare il sito con ASP

Indicizzare un sito
Vediamo come semplici modifiche possano portare benefici ai fini dell'indicizzazione.
12 lezioni facili su come intervenire.
>> Vai

IIS Express
Istruzioni base per utilizzare Internet Information Service per testare il sito prima della pubblicazione.
>> Vai

Aggiornare il sito con ASP
Aggiornare un sito non è mai stato così facile e così rapido.
Vediamo come fare utilizzando ASP.
>> Vai

Senza nome 1