Come creare un catalogo prodotti con HTML

Le tabelle forniscono il metodo più semplice per creare un catalogo online in HTML. Una tabella a tre colonne offre spazio per l'immagine del prodotto, la descrizione e le informazioni di spedizione/ordine. L'inserimento di informazioni nelle tabelle riduce il tempo necessario 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.

Passaggio 1

Definisci una tabella con un bordo di un pixel usando il tag di apertura

:

Passaggio 2

Inserisci la prima riga di celle e il loro contenuto con questo codice:

Questa è una descrizione del primo elemento. Questo articolo è attualmente disponibile.

Passaggio 3

Inserisci la seconda riga di celle e il loro contenuto con questo codice:

Questa è una descrizione del secondo elemento. Questo articolo è in arretrato.

Passaggio 4

Chiudi la tabella con il tag finale:

Suggerimento

Questo semplice esempio produce una tabella con due righe e tre colonne. La prima colonna mostra un'immagine di 60 x 60 pixel del prodotto utilizzando il tag. La seconda e la terza colonna mostrano la descrizione del prodotto e le informazioni sulle scorte. Nota che ogni riga inizia e finisce con

tag e ogni elemento nella riga inizia e finisce con un tag . Inserisci tutte le colonne o le 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. Ad esempio,

crea uno spazio bianco di 10 pixel attorno al contenuto di ciascuna cella della tabella.