Kako narediti katalog izdelkov s HTML

Tabele zagotavljajo najpreprostejšo metodo za izdelavo spletnega kataloga v HTML. Tabela s tremi stolpci vam daje prostor za sliko izdelka, opis in informacije o pošiljanju/naročanju. Vstavljanje informacij v tabele skrajša čas, potreben za poravnavo besedila. Poleg tega vam tabele omogočajo nadzor nad belim prostorom, ki obdaja informacije na vaši strani, da izboljšate videz in jasnost vašega spletnega mesta.

1. korak

Definirajte tabelo z robom ene slikovne pike z uporabo začetne oznake

:

2. korak

Vstavite prvo vrstico celic in njihovo vsebino s to kodo:

To je opis prvega elementa. Ta izdelek je trenutno na voljo.

3. korak

Vstavite drugo vrstico celic in njihovo vsebino s to kodo:

To je opis drugega elementa. Ta artikel je na zalogi.

4. korak

Zaprite tabelo s končno oznako:

Nasvet

Ta preprost primer ustvari tabelo z dvema vrsticama in tremi stolpci. V prvem stolpcu je prikazana slika izdelka velikosti 60 x 60 slikovnih pik, ki uporablja oznako. Drugi in tretji stolpec prikazujeta opis izdelka in podatke o zalogi. Upoštevajte, da se vsaka vrstica začne in konča z

in vsak element v vrstici se začne in konča z oznako. Vstavite toliko stolpcev ali vrstic, kolikor jih potrebujete za opis vašega izdelka.

Ukaz cellpadding vstavite takoj za specifikacijo obrobe v definiciji tabele, da povečate količino praznega prostora med obrobami tabele in vašo vsebino. Na primer,

ustvari 10-pikslov bel prostor okoli vsebine vsake celice v tabeli.