Kuidas teha HTML-iga tootekataloogi

Tabelid pakuvad lihtsaimat meetodit veebikataloogi loomiseks HTML-is. Kolmeveeruline tabel annab ruumi tootepildi, kirjelduse ja tarne-/tellimisinfo jaoks. Teabe lisamine tabelitesse vähendab teksti põhjendamiseks kuluvat aega. Lisaks võimaldavad tabelid teil kontrollida oma lehel olevat teavet ümbritseva tühiku üle, et parandada veebisaidi välimust ja selgust.

Samm 1

Defineerige ühe pikslise äärisega tabel ava kasutades

silt:

Päeva video

2. samm

Sisestage lahtrite esimene rida ja nende sisu selle koodiga:

3. samm

Sisestage lahtrite teine ​​rida ja nende sisu selle koodiga:

4. samm

Sulgege tabel lõpusildiga:

See on esimese üksuse kirjeldus. See üksus on praegu saadaval.
See on teise üksuse kirjeldus. See toode on järeltellimusel.

Näpunäide

See lihtne näide loob kahe rea ja kolme veeruga tabeli. Esimeses veerus kuvatakse toote 60 x 60 piksline kujutis, kasutades silti. Teises ja kolmandas veerus kuvatakse tootekirjeldus ja laoinfo. Pange tähele, et iga rida algab ja lõpeb sildiga ning iga rea ​​üksus algab ja lõpeb sildiga. Sisestage nii palju veerge või ridu, kui vajate oma toote kirjeldamiseks.

Sisestage käsk cellpadding tabeli definitsioonis kohe pärast ääriste spetsifikatsiooni, et suurendada tabeli ääriste ja teie sisu vahelist tühikut. Näiteks,

loob tabeli iga lahtri sisu ümber 10-pikslise valge tühiku.

viited

  • W3Schools.com: HTML-tabelid