Пълен HTML урок
Таблицата се състои от редове и колони, разделящи областта на клетки. Всяка клетка съхранява информацията, която ще се показва. За правилно показване на таблицата всеки ред ще има еднакъв брой клетки. Ако искаме клетка да е празна, ще въведем интервал или еквивалентния код .
Двойката тагове се използва за вмъкване на таблица
Таблиците могат да бъдат вложени, т.е. вътре могат да съдържат една или повече таблици.
Пример: таблица с 2 колони и 2 реда, граница 1, колона 1 ширина 80px, колона 2 ширина 160px, всяка клетка има различен цвят на фона (bgcolor)
Атрибути на етикета табла са:
граница = граница (0 = липсваща граница)
width = ширина на таблицата
височина = височина на масата
bgcolor = цвят на фона
фон = фоново изображение
cellpacing = разстояние между клетките
cellpaddind = разстоянието между ръба на клетката и съдържанието
Атрибути на етикета td са:
align = хоризонтално подравняване на съдържанието (ляво = ляво, дясно = дясно, център = център)
valign = вертикално подравняване на съдържанието (отгоре = отгоре, отдолу = отдолу, средата = средата)
width = ширина на клетката
височина = височина на клетката
bgcolor = цвят на фона
фон = фоново изображение
colspan = присъединява клетката към тази отдясно
rowpan = свързва клетката с тази под нея
Пример: таблица, в която използвахме colspan, за да присъединим клетки 1 и 2 в ред 2 и rowpan, за да се присъединим към клетка 1 в ред 3 с клетка 1 в ред 4
Ако искаме да подчертаем съдържанието на първия ред (заглавката на таблицата), можем да използваме двойката етикети вместо етикетите
Пример: таблица с 3 реда и 2 колони с помощта на етикетите и
Етикет надпис ще добави ред текст над таблицата, центриран в средата, обикновено използван като заглавие на таблица. надпис трябва да се постави веднага след етикета табла но преди първия етикет тр.
Пример: таблица с 4 реда и 2 колони, използващи етикета надпис