Come creare colonne in HTML

click fraud protection
...

Una tabella HTML contiene informazioni su un sito web.

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, tuttavia, richiede la conoscenza di un altro tag HTML: la tabella. Mettere insieme questi due tag consente infinite possibilità per un sito web pulito e di bell'aspetto.

Passo 1

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

Video del giorno

Passo 2

Crea una tabella. Le tabelle sono definite con il

etichetta. 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 questa:
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 visualizzare un colore del bordo.

Esempio:

Colonna 1 Colonna 2

Passaggio 4

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

Esempio:

Colonna 1 Colonna 2

Passaggio 5

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

Passaggio 6

Salva il tuo documento HTML. Visualizzalo in anteprima nel tuo browser Internet prima di caricarlo sul tuo server Web.