Како направити каталог производа помоћу ХТМЛ-а

Табеле пружају најједноставнији метод за прављење онлајн каталога у ХТМЛ-у. Табела са три колоне даје вам простор за слику производа, опис и информације о испоруци/поруџбини. Уметање информација у табеле смањује количину времена потребног за прављење текста. Поред тога, табеле вам дају контролу над белим простором око информација на вашој страници како бисте побољшали изглед и јасноћу ваше веб странице.

Корак 1

Дефинишите табелу са ивицом од једног пиксела користећи отвор

ознака:

Видео дана

Корак 2

Уметните први ред ћелија и њихов садржај са овим кодом:

Корак 3

Уметните други ред ћелија и њихов садржај са овим кодом:

Корак 4

Затворите табелу са завршном ознаком:

Ово је опис прве ставке. Ова ставка је тренутно доступна.
Ово је опис друге ставке. Овај артикал је на поруџбини.

Савет

Овај једноставан пример производи табелу са два реда и три колоне. Прва колона приказује слику производа од 60 пута 60 пиксела помоћу ознаке. Друга и трећа колона приказују опис производа и информације о залихама. Имајте на уму да сваки ред почиње и завршава се ознаком, а свака ставка у реду почиње и завршава се ознаком. Уметните онолико колона или редова колико вам је потребно да опишете свој производ.

Уметните команду целлпаддинг одмах након спецификације границе у дефиницији табеле да бисте повећали количину белог простора између ивица табеле и вашег садржаја. На пример,

ствара бели простор од 10 пиксела око садржаја сваке ћелије у табели.

референце

  • В3Сцхоолс.цом: ХТМЛ табеле