Tablice pružaju najjednostavniji način izrade online kataloga u HTML-u. Tablica s tri stupca daje vam prostor za sliku proizvoda, opis i podatke o dostavi/narudžbi. Umetanje informacija u tablice smanjuje količinu vremena potrebnog za pravljenje teksta. Osim toga, tablice vam daju kontrolu nad bijelim prostorom oko informacija na vašoj stranici kako biste poboljšali izgled i jasnoću vaše web stranice.
Korak 1
Definirajte tablicu s obrubom od jednog piksela pomoću otvora
označiti:Video dana
Korak 2
Umetnite prvi red ćelija i njihov sadržaj s ovim kodom:
Korak 3
Umetnite drugi red ćelija i njihov sadržaj ovim kodom:
4. korak
Zatvorite tablicu sa završnom oznakom:
 |
Ovo je opis prve stavke. | Ovaj artikl je trenutno dostupan. |
 |
Ovo je opis druge stavke. | Ovaj artikal je pod narudžbom. |
Savjet
Ovaj jednostavan primjer proizvodi tablicu s dva retka i tri stupca. Prvi stupac prikazuje sliku proizvoda veličine 60x60 piksela pomoću oznake. Drugi i treći stupac prikazuju opis proizvoda i informacije o zalihama. Imajte na umu da svaki red počinje i završava oznakom, a svaka stavka u retku počinje i završava oznakom. Umetnite onoliko stupaca ili redaka koliko vam je potrebno da opišete svoj proizvod.
Umetnite naredbu cellpadding odmah nakon specifikacije obruba u definiciji tablice kako biste povećali količinu bijelog prostora između rubova tablice i vašeg sadržaja. Na primjer,
stvara bijeli prostor od 10 piksela oko sadržaja svake ćelije u tablici.reference
- W3Schools.com: HTML tablice
