HTML таблици

Маркирането на таблица се извършва чрез таг за въвеждане на таблицата и дефиниране на глобалните атрибути, тагът TABLE, съответният контейнер, съдържащ дефинициите за редовете и колоните на таблицата. Ще се види, че всъщност елементарната дефиниция е в клетка на таблицата, а останалите дефиниции посочват само тяхното групиране в редове/колони.

Общата форма за маркиране на таблица е:
Разширенията за групиране на редове/колони на Microsoft също позволяват по-сложни структури (вж. Разширения на Microsoft).

Следващият пример ще доведе до показване на таблица с две колони и два реда плюс заглавна линия: Липсващият ред е забележим. Това ще бъде постигнато чрез използване на подходящи атрибути. Текстът на заглавните редове е маркиран с удебелен шрифт. Всяка клетка поддържа индивидуално форматиране на текст. В някои разширения може да се посочи и глобалното форматиране за текста на всички клетки в ред/колона.
Следвайте следния пример, където за клетките от предишния пример е посочено индивидуално форматиране: Забележете клетка 2.1, която променя височината си според количеството текст.

Общи маркировки за таблици

е дефиниционният маркер на таблицата.

таблица със съдържание определя клетките на таблицата, заглавката, улавянето и съдържанието на клетките на таблицата.

Следващият пример възобновява предишна таблица и маркира нейната граница. За да получим пространствения ефект, който използваме например,

което ще създаде характерна външна граница.
Разстоянието между клетките може да се постигне чрез атрибута:
Интервал на клетките = 6
което заедно с предишните опции има ефекта на следния пример:

За да преместим текста вътре в клетките до краищата на клетките, можем да използваме атрибута:
Cellpadding = 10
ефектът, корелиран или не, с предишните опции е по-"въздушна" таблица:
За тази таблица дефиниционният ред е чрез натрупване на атрибути:

И накрая, опциите за цвят на фона и подравняване на таблицата могат да бъдат използвани както в примера:

Ако се използват разширения на Microsoft, те могат да бъдат поети от други браузъри междувременно, горната таблица може да бъде променена от:

където "pap02.jpg" очевидно е файл с изображение в текущата директория/папка. Ще бъде забелязано, че обозначаването на тапет предполага отказ от цвета на фона. Ако браузърът, който използвате, не поддържа разширения на Microsoft, показаната таблица се различава от предишната само по цвета на фона.

добавя заглавие (улавяне) към таблицата. Маркерът CAPTION трябва да бъде потопен в маркера TABLE.

ALIGN =отгоре | отдолу е стандартен атрибут и показва позиционирането на заглавието над или под таблицата, като заглавието е центрирано хоризонтално върху таблицата; ляво | център | дясно са разширения на Microsoft и показват хоризонталното подравняване на заглавието към таблицата.
VALIGN задава подравняването на заснемането с таблицата (нагоре/надолу). Това е разширение на Microsoft, хоризонталното подравняване е посочено с ALIGN.
текст е заглавието на картината.

Хоризонталното центриране на масата като обект може да се извърши чрез:

. дефинирайте таблица

определя ред в таблица. Този маркер трябва да бъде потопен в маркера TABLE, т.е. всеки ред от таблицата, която трябва да бъде маркирана, трябва да има съответния TR маркер.

ALIGN указва как съдържанието на линейните клетки ще се подреди хоризонтално вътре в клетките;
VALIGN указва как съдържанието на клетките ще се подреди вертикално вътре в клетките;
BGCOLOR показва цветния фон на линията. Това е разширение Netscape и Microsoft.
BORDERCOLOR е цветът на клетъчната граница. Това е разширение на Microsoft;
BORDERCOLORLIGHT е цветът на светлинната линия в сенчеста граница на клетката. Това е разширение на Microsoft;
BORDERCOLORDARK е цветът на сянката в сенчеста граница на клетката. Това е разширение на Microsoft;
BACKGROUND задава URL адреса на файла с изображение, използван като фон за всяка клетка в реда. Това е разширение на Microsoft.
Линия на съдържанието съдържа TH или TD тагове за дефиниране на текущите редови клетки.

дефинира клетка в заглавката на таблицата (заглавката на таблицата). Съдържанието на клетката обикновено се подчертава чрез писане и центриране.

ALIGN, VALIGN показва хоризонталното и вертикалното подравняване в клетката на съдържанието на клетката;
COLSPAN указва броя на колоните, над които клетката се простира вдясно (операцията по обединяване на клетки хоризонтално в текстовите процесори);
ROWSPAN определя броя на линиите, през които клетката се простира (операцията за вертикално обединяване на клетки в текстовите процесори);

В колони/редове, над които са разширени други клетки, разширенията вече не се декларират. За тези колони/редове ще бъдат декларирани само клетките, които се появяват тук за първи път (сякаш някои клетки са получени чрез наследяване на предишни редове/колони).

Съдържателна клетка е информацията (текстова или хипертекстова) на клетката.

Тъй като TH е HTML 3.2 маркер, той не се разпознава от всички браузъри, особено от разширенията на Microsoft.

В следващия пример ще забележим разширяването на заглавката на таблицата до два реда, всеки форматиран по различен начин: Чрез възпроизвеждане между заглавните редове и уплътняване на клетките в редове/колони можете да създадете изображение на "обърната" таблица: пп] [ROWSPAN =mm] [BGCOLOR = "#RRGGBB"|цвят] [BORDERCOLOR = "#RRGGBB"|цвят] [BORDERCOLORLIGHT = "#RRGGBB"|цвят] [BORDERCOLORDARK = "#RRGGBB"|цвят] [NOWRAP]>
["Съдържателна клетка"]
[]

дефинирайте клетка в таблицата (не в заглавката).

ALIGN, VALIGN показва хоризонтално и вертикално подравняване на съдържанието на клетката;
COLSPAN указва броя на колоните, над които клетката се простира вдясно (операцията по обединяване на клетки хоризонтално в текстовите процесори);
ROWSPAN определя броя на редовете, през които клетката се простира надолу (операцията за обединяване на клетки вертикално в текстовите процесори);

Съдържателна клетка е информацията (текстова или хипертекстова) на клетката.

Таговете TH и TD потъват в маркера TR, така че всеки ред трябва да има толкова TD тагове (или TH за заглавния ред), колкото клетки са инициирани в този ред.

Разширения на таблицата на Microsoft

дефинира групата редове в заглавката на таблицата.

заглавна линия съдържа TR дефинициите за редовете, които образуват заглавката на таблицата.

дефинира групата редове в тялото на таблицата.

Маса на тялото съдържа TR дефинициите за редовете, които съставляват тялото на таблицата.

дефинира групата редове в долния колонтитул на таблицата.

линия-крак съдържа дефинициите TR за редовете, съставляващи долния колонтитул на таблицата.

групира и форматира група колони в таблица. Колоните са групирани в ред отляво надясно: първият маркер COLGROUP ще се отнася към първия пп колони, втори таг COLGROUP към следващите колони и т.н.

ALIGN се отнася до подравняването на текста по подразбиране във всички клетки в групирани колони;
SPAN показва броя на колоните, които са групирани за форматиране. По подразбиране (липсва атрибут SPAN) е 1.

форматира група колони на таблица. Колоните се разглеждат в ред отляво надясно: първият COL маркер ще се отнася до първия пп колони, вторият COL маркер към следващите колони и т.н. Маркерът COL може да бъде потопен в маркера COLGROUP чрез промяна на настройката по подразбиране, дадена от COLGROUP.

ALIGN се отнася до подравняването на текста по подразбиране във всички клетки в разглежданите колони;
SPAN показва броя на колоните, които да се вземат предвид за форматиране. По подразбиране (липсва атрибут SPAN) е 1.

Използването на разширения на Microsoft за маркиране на таблици може да създаде следната структура на дефиницията:

Маркерите COL и COLGROUP могат да бъдат потопени в етикетите THEAD, TBODY и TFOOT, за да променят локалното форматиране.