Come creare colonne in HTML

Aggiungere colonne al tuo sito web aiuta a organizzare i contenuti. Non c'è limite al numero di colonne che una pagina web può contenere. La codifica delle colonne richiede la conoscenza di un altro tag HTML: la tabella. Combinando questi due tag si aprono infinite possibilità per un sito pulito e accattivante.

Passaggio 1

Avvia il tuo editor HTML. Seleziona "File" e "Nuovo" dalla barra di navigazione. Apparirà un documento vuoto.

Passaggio 2

Crea una tabella. Le tabelle sono definite con il tag <table>. Ogni tabella può essere divisa in righe e ogni riga in celle dati. Le celle dati definiscono le tue colonne. Una tabella a due colonne si codifica così:

<table>
  <tr>
    <td>Colonna 1</td>
    <td>Colonna 2</td>
  </tr>
</table>

Passaggio 3

Regola le proprietà del bordo della tabella. Se vuoi un bordo alle colonne, metti border="1" dentro il tag table. Cambia il colore del bordo con un codice HEX usando bordercolor="#000000". #000000 è nero. Il bordo deve essere almeno "1" perché il colore si veda.

Esempio:

<table border="1" bordercolor="#000000">
  <tr>
    <td>Colonna 1</td>
    <td>Colonna 2</td>
  </tr>
</table>

Passaggio 4

Aggiungi cellpadding o cellspacing. Cellpadding è lo spazio bianco tra bordo e contenuto della cella. Cellspacing è la distanza tra le celle. Questi tag si applicano dentro il tag table. Non è obbligatorio averli attivi.

Esempio:

<table border="1" bordercolor="#000000" cellspacing="1" cellpadding="1">
  <tr>
    <td>Colonna 1</td>
    <td>Colonna 2</td>
  </tr>
</table>

Passaggio 5

Aggiungi contenuto alle colonne. Testo, immagini, moduli e altro vanno dentro i tag <td>.

Passaggio 6

Salva il documento HTML. Visualizzalo in anteprima nel browser prima di caricarlo sul server web.