Kako napraviti katalog proizvoda pomoću HTML-a

Tablice pružaju najjednostavniju metodu izgradnje online kataloga u HTML-u. Tablica s tri stupca daje vam prostor za sliku proizvoda, opis i informacije o otpremi/narudžbi. Umetanje informacija u tablice smanjuje vrijeme potrebno za poravnanje teksta. Osim toga, tablice vam daju kontrolu nad bijelim prostorom koji okružuje informacije na vašoj stranici kako biste poboljšali izgled i jasnoću vaše web stranice.

1. korak

Definirajte tablicu s rubom od jednog piksela pomoću početne oznake

:

2. korak

Umetnite prvi red ćelija i njihov sadržaj s ovim kodom:

Ovo je opis prve stavke. Ova stavka je trenutno dostupna.

3. korak

Umetnite drugi red ćelija i njihov sadržaj s ovim kodom:

Ovo je opis druge stavke. Ova je stavka u narudžbi.

4. korak

Zatvorite tablicu završnom oznakom:

Savjet

Ovaj jednostavan primjer daje tablicu s dva retka i tri stupca. Prvi stupac prikazuje sliku proizvoda veličine 60 puta 60 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 s

oznaku i svaka stavka u retku počinje i završava s oznakom. Umetnite onoliko stupaca ili redaka koliko je potrebno za opis vašeg proizvoda.

Umetnite naredbu cellpadding odmah nakon specifikacije obruba u definiciji tablice kako biste povećali količinu bijelog prostora između obruba tablice i vašeg sadržaja. Na primjer,

stvara bijeli prostor od 10 piksela oko sadržaja svake ćelije u tablici.