Tabele zagotavljajo najpreprostejši način izdelave 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 zmanjš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.
Korak 1
Z odprtino definirajte tabelo z obrobo ene slikovne pike
oznaka:Video dneva
2. korak
Vstavite prvo vrstico celic in njihovo vsebino s to kodo:
3. korak
Vstavite drugo vrstico celic in njihovo vsebino s to kodo:
4. korak
Zaprite tabelo s končno oznako:
 |
To je opis prvega predmeta. | Ta artikel je trenutno na voljo. |
 |
To je opis drugega predmeta. | Ta artikel je po naročilu. |
Nasvet
Ta preprost primer ustvari tabelo z dvema vrsticama in tremi stolpci. Prvi stolpec prikazuje sliko izdelka velikosti 60 x 60 slikovnih pik z uporabo oznake. Drugi in tretji stolpec prikazujeta opis izdelka in informacije o zalogi. Upoštevajte, da se vsaka vrstica začne in konča z oznako, vsak element v vrstici pa se začne in konča z oznako. Vstavite toliko stolpcev ali vrstic, kot jih potrebujete, da opišete svoj izdelek.
Vstavite ukaz cellpadding takoj za specifikacijo obrobe v definiciji tabele, da povečate količino belega prostora med obrobami tabele in vašo vsebino. na primer
ustvari beli prostor z 10 slikovnimi pikami okoli vsebine vsake celice v tabeli.reference
- W3Schools.com: HTML tabele
