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