Зміна розмірів комірки таблиці

Засоби задавання розмірів комірок таблиці допомагають здійснити найкращим чином її компонування.

Атрибут WIDTH дозволяє вказати нове значення ширини комірки в екранних пікселях або процентах відносно габаритів таблиці.

Атрибут HEIGHT служить для задавання значення висоти комірки, вираженого у пікселях.

Не обов’язково задавати розміри кожної окремої комірки таблиці. При зміні ширини комірки всі її „сусіди” у межах того ж стовпчика будуть відображатись з урахуванням нового значення ширини. Це ж є справедливим і у відношенні висоти комірки – зміни автоматично розповсюджуються на інші комірки рядка таблиці.

Наприклад,

<TR WIDTH=”250” HEIGHT=”200”>

<TН>Назва товару</TН>

<TН>Ціна 1 шт. </TН>

<TН>Кількість на складі</TН>

</TR>

відобразиться браузером, як збільшена ширина першого стовпчика таблиці і збільшена висота першого рядка таблиці.

Об’єднання комірок таблиці

Механізм злиття комірок таблиці, передбачений у стандарті HTML, дозволяє об’єднувати декілька сусідніх комірок стовпчика або рядка в одну велику комірку.

Атрибут COLSPAN дескрипторів <TН> і <TD> дозволяє виконати злиття комірок з декількох стовпчиків у межах одного рядка таблиці, а атрибут ROWSPAN разом з тими ж дескрипторами – комірок декількох рядків у межах одного стовпчика. Щоб здійснити злиття, потрібно вказати кількість комірок, які будуть форматуватись.

Для того, щоб здійснити злиття комірок у межах рядка, потрібно у тілі дескриптора <TН> або <TD>, що визначає початкову комірку майбутнього об’єднання, ввести COLSPAN=”?”, замінивши ? числом, що задає кількість стовпчиків, комірки яких піддадуться злиттю.

Наприклад,

<TR>

<TН COLSPAN =”3”>Канцтовари </TН>

</TR>

<TН>Назва товару</TН>

<TН>Ціна 1 шт. </TН>

<TН>Кількість на складі</TН>

</TR>

відобразиться браузером,

Канцтовари
Назва товару	Ціна 1 шт.	Кількість на складі

Для того, щоб здійснити злиття комірок у межах стовпчика, потрібно у тілі дескриптора <TН> або <TD>, що визначає початкову комірку майбутнього об’єднання, ввести ROWSPAN=”?”, замінивши ? числом, що задає кількість рядків, комірки яких піддадуться злиттю.

Наприклад,

<TR>

<TН ROWSPAN =”3”>Канцтовари </TН>

<TН>Назва товару</TН>

<TН>Ціна 1 шт. </TН>

<TН>Кількість на складі</TН>

</TR>

<TR>

<TD>Олівці</TD>

<TD>1 грн. </TD>

<TD>100</TD>

</TR>

<TR>

<TD>Ручки</TD>

<TD>5 грн. </TD>

<TD>200</TD>

</TR>

<TR>

<TD>Лінійки</TD>

<TD>2 грн. </TD>

<TD>150</TD>

</TR>

відобразиться браузером,

Канцтовари	Назва товару		Ціна 1 шт.	Кількість на складі
	Олівці		1 грн.	100
	Ручки		5 грн.	200
	Лінійки		2 грн.	150