Како изградити табелу 2к2

ХТМЛ таблице се лако креирају када схватите основе редова и ступаца - а такође и када схватите када је у реду користити табелу и када их треба избјећи.

Кратка историја табела и веб дизајн

Пре много година, пре прихватљивог ЦСС и веб стандарда, веб дизајнери су користили елемент ХТМЛ <табле> да би креирали изглед странице за сајтове. Дизајн веб сајта би био "резан" на мале дијелове као слагалица, а затим комбинован са ХТМЛ таблицом како би се приказивао у претраживачу. Био је то веома сложен процес који је створио много додатних ХТМЛ ознака и који никада неће бити корисни данас у мулти-сцреен свету на који нас сајтови живе . Пошто је ЦСС постао прихваћена метода за визуелни приказ и изглед веб странице, кориштење табела за ово је избјегло и многи веб дизајнери су погрешно вјеровали да су "табеле лоше". То је било и не ваља. Табеле за изглед су лоше, али и даље имају место у веб дизајну и ХТМЛ-у, наиме, да приказују табеларне податке као што је календар распореда возова. За тај садржај, употреба табеле је и даље прихватљив и добар приступ.

Дакле, како постављате сто? Почнимо са креирањем једноставне табле 2к2. Ово ће имати 2 колоне (ово су вертикални блокови) и 2 реда (хоризонтални блокови). Након што направите табелу 2к2, можете направити било коју табелу величине коју желите једноставно додавањем додатних редова или колона.

Тешкоће: Просјечно

Потребно време: 10 минута

Ево како:

  1. Прво отворите таблу <табела>
  2. Отворите први ред са тр ознаком <тр>
  3. Отворите прву колону ознаком тд <тд>
  4. Напишите садржај ћелије
  5. Затворите прву ћелију и отворите други <тд>
  6. Напишите садржај друге ћелије
  7. Затворите другу ћелију и затворите ред
  8. Напишите други ред тачно као први <тр> <тд> <тд>
  9. Затим затворите сто

Такође можете изабрати да додате заглавља таблица у своју таблицу помоћу <тх> елемента. Ови заглавља стола би замијенили дијелове или "табеле података" у првом реду таблице, овако:

<табле> <тр> <тх> Име <тх> Улога <тр> <тд> Јереми <тд> Дизајнер тд> Јеннифер <тд> Девелопер <тр>

Када би ова страница приказала у претраживачу, тај први ред са заглављима таблице би по дефаулту приказао масним словима и они би били центрирани у ћелији у којој се појављују.

Дакле, да ли је ОК користити табелу у ХТМЛ-у?

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

Написао Јеннифер Кирин. Уредио Јереми Гирард на 11.8.16