Tabelle forniscono il metodo più semplice di costruire un catalogo online in formato HTML. Una dà di tabella con tre colonne in camera per un'immagine del prodotto, descrizione e informazioni di spedizione/ordinazione. Inserimento di informazioni in tabelle riduce la quantità di tempo necessaria per giustificare il testo. Inoltre, vi diamo tabelle controllo dello spazio vuoto che circonda le informazioni sulla tua pagina per migliorare l'aspetto e la chiarezza del tuo sito Web.

Istruzioni

1

Definire una tabella con un bordo di un pixel usando il tag di apertura < table >:

< tavolo border = "1" >

2

Inserire la prima fila di cellule e il loro contenuto con questo codice:

< tr >

< td >

< img width = "60" height = "60" / >

< /td >

< td > si tratta di una descrizione del primo elemento. < /td >

< td > questo elemento è attualmente disponibile. < /td >

< /tr >

3

Inserire la seconda fila di cellule e il loro contenuto con questo codice:

< tr >

< td >

< img width = "60" height = "60" / >

< /td >

< td > si tratta di una descrizione del secondo elemento. < /td >

< td > questo elemento è il backorder. < /td >

< /tr >

4

Chiudere la tabella con il tag di fine:

< / tabella >

Consigli & Avvertenze

• Questo semplice esempio produce una tabella con due righe e tre colonne. La prima colonna Visualizza un'immagine di 60-di-60 pixel del prodotto utilizzando il tag < img >. La seconda e la terza colonna Visualizza descrizione del prodotto e informazioni di borsa. Si noti che ogni riga inizia e termina con il tag < tr > e ogni elemento nella riga inizia e termina con un tag < td >. Inserire come numero di colonne o righe come è necessario descrivere il vostro prodotto.
• Inserire il comando cellpadding immediatamente dopo la specifica di confine nella definizione della tabella per aumentare la quantità di spazio bianco tra il contenuto e i bordi della tabella. Ad esempio, < tavolo border = "1" cellpadding = "10" > Crea uno spazio di 10 pixel intorno al contenuto di ogni cella nella tabella.