Le tabelle forniscono il metodo più semplice per creare un catalogo online in HTML. Una tabella a tre colonne ti offre spazio per l'immagine del prodotto, la descrizione e le informazioni di spedizione/ordine. L'inserimento di informazioni nelle tabelle riduce la quantità di tempo necessaria per giustificare il testo. Inoltre, le tabelle ti danno il controllo dello spazio bianco che circonda le informazioni sulla tua pagina per migliorare l'aspetto e la chiarezza del tuo sito web.
Passo 1
Definisci una tabella con un bordo di un pixel usando l'apertura
etichetta:Video del giorno
Passo 2
Inserisci la prima riga di celle e il loro contenuto con questo codice:
Passaggio 3
Inserisci la seconda riga di celle e il loro contenuto con questo codice:
Passaggio 4
Chiudi la tabella con il tag finale:
 |
Questa è una descrizione del primo elemento. | Questo articolo è attualmente disponibile. |
 |
Questa è una descrizione del secondo elemento. | Questo articolo è in arretrato. |
Consiglio
Questo semplice esempio produce una tabella con due righe e tre colonne. La prima colonna mostra un'immagine di 60x60 pixel del prodotto che utilizza il tag. La seconda e la terza colonna visualizzano la descrizione del prodotto e le informazioni sulle scorte. Nota che ogni riga inizia e finisce con il tag e ogni elemento nella riga inizia e finisce con un tag. Inserisci tutte le colonne o righe di cui hai bisogno per descrivere il tuo prodotto.
Inserisci il comando cellpadding subito dopo la specifica del bordo nella definizione della tabella per aumentare la quantità di spazio bianco tra i bordi della tabella e il tuo contenuto. Per esempio,
crea uno spazio bianco di 10 pixel attorno al contenuto di ogni cella della tabella.Riferimenti
- W3Schools.com: Tabelle HTML
