Come creare colonne in HTML

L'aggiunta di colonne al tuo sito web è utile per organizzare i contenuti. In effetti, non c'è limite al numero di colonne che può contenere la tua pagina Web. La codifica delle colonne, invece, richiede la conoscenza di un altro tag HTML:la tabella. L'unione di questi due tag consente infinite possibilità per un sito Web pulito e di bell'aspetto.

Passaggio 1

Avvia il tuo editor HTML. Seleziona "File" e "Nuovo" dalla barra di navigazione del programma. Sullo schermo apparirà un documento vuoto.

Passaggio 2

Crea una tabella. Le tabelle sono definite con il tag

. Ogni tabella può essere divisa in righe e ogni riga in celle di dati. Le celle di dati sono ciò che definirà le tue colonne. Una tabella a due colonne è codificata in modo simile a questo:

Colonna 1

Colonna 2

Passaggio 3

Regola le proprietà del bordo della tabella. Se desideri che le tue colonne abbiano un bordo, inserisci il tag border="1" all'interno del tag della tabella. Cambia il colore del bordo usando un codice colore HEX con il tag bordercolor="#000000". #000000 è nero. Il bordo deve essere definito almeno come "1" per mostrare il colore del bordo.

Esempio:

Colonna 1

Colonna 2

Passaggio 4

Aggiungi cellpadding o cellspadding. Cellpadding è la quantità di spazio bianco tra il bordo e il contenuto della cella. La spaziatura cellulare è la distanza tra le celle. Questi tag vengono applicati all'interno del tag tabella. Non è obbligatorio avere cellpadding o cellspacing attivi.

Esempio:

Colonna 1

Colonna 2

Passaggio 5

Aggiungi contenuto alle tue colonne. Testo, immagini, moduli e altro possono essere inseriti nei tag di dati della tabella.

Passaggio 6

Salva il tuo documento HTML. Visualizza l'anteprima nel tuo browser Internet prima di caricarlo sul tuo server Web.