Табеле пружају најједноставнији метод за прављење онлајн каталога у ХТМЛ-у. Табела са три колоне даје вам простор за слику производа, опис и информације о испоруци/поруџбини. Уметање информација у табеле смањује количину времена потребног за прављење текста. Поред тога, табеле вам дају контролу над белим простором око информација на вашој страници како бисте побољшали изглед и јасноћу ваше веб странице.
Корак 1
Дефинишите табелу са ивицом од једног пиксела користећи отвор
ознака:Видео дана
Корак 2
Уметните први ред ћелија и њихов садржај са овим кодом:
Корак 3
Уметните други ред ћелија и њихов садржај са овим кодом:
Корак 4
Затворите табелу са завршном ознаком:
Ово је опис прве ставке. | Ова ставка је тренутно доступна. | |
Ово је опис друге ставке. | Овај артикал је на поруџбини. |
Савет
Овај једноставан пример производи табелу са два реда и три колоне. Прва колона приказује слику производа од 60 пута 60 пиксела помоћу ознаке. Друга и трећа колона приказују опис производа и информације о залихама. Имајте на уму да сваки ред почиње и завршава се ознаком, а свака ставка у реду почиње и завршава се ознаком. Уметните онолико колона или редова колико вам је потребно да опишете свој производ.
Уметните команду целлпаддинг одмах након спецификације границе у дефиницији табеле да бисте повећали количину белог простора између ивица табеле и вашег садржаја. На пример,
ствара бели простор од 10 пиксела око садржаја сваке ћелије у табели.референце
- В3Сцхоолс.цом: ХТМЛ табеле