Tabelele oferă cea mai simplă metodă de a construi un catalog online în HTML. Un tabel cu trei coloane vă oferă spațiu pentru imaginea produsului, descriere și informații despre livrare/comandă. Inserarea informațiilor în tabele reduce timpul necesar justificării textului. În plus, tabelele vă oferă controlul asupra spațiului alb din jurul informațiilor de pe pagina dvs. pentru a îmbunătăți aspectul și claritatea site-ului dvs. web.
Pasul 1
Definiți un tabel cu un chenar de un pixel folosind deschiderea
etichetă:Videoclipul zilei
Pasul 2
Introduceți primul rând de celule și conținutul acestora cu acest cod:
Pasul 3
Introduceți al doilea rând de celule și conținutul acestora cu acest cod:
Pasul 4
Închideți tabelul cu eticheta de final:
![]() |
Aceasta este o descriere a primului articol. | Acest articol este disponibil momentan. |
![]() |
Aceasta este o descriere a celui de-al doilea articol. | Acest articol este pe comandă în așteptare. |
Bacsis
Acest exemplu simplu produce un tabel cu două rânduri și trei coloane. Prima coloană afișează o imagine de 60 pe 60 de pixeli a produsului folosind eticheta. A doua și a treia coloană afișează descrierea produsului și informațiile despre stoc. Rețineți că fiecare rând începe și se termină cu eticheta și fiecare element din rând începe și se termină cu o etichetă. Introduceți câte coloane sau rânduri aveți nevoie pentru a vă descrie produsul.
Introduceți comanda cellpadding imediat după specificația de chenar în definiția tabelului pentru a crește cantitatea de spațiu alb dintre chenarele tabelului și conținutul dvs. De exemplu,
creează un spațiu alb de 10 pixeli în jurul conținutului fiecărei celule din tabel.referințe
- W3Schools.com: Tabele HTML