Ячейки, охватывающие больше, чем одну строку или столбец

Год	Продажи
Север	Юг	Итого
	$10M	$8M	$18M
	$14M	$11M	$25M

Заголовок "Год" занимает две строки, а заголовок "Продажи" три столбца. Такой эффект достигается использованием атрибутов rowspan и colspan:

<table border="1" cellpadding="10" width="80%">
<tr align="center"><th rowspan="2">Год</th><th colspan="3">Продажи</th></tr>
<tr align="center"><th>Север</th><th>Юг</th><th>Итого</th></tr>
<tr align="center"><td>2000</td><td>$10M</td><td>$8M</td><td>$18M</td></tr>
<tr align="center"><td>2001</td><td>$14M</td><td>$11M</td><td>$25M</td></tr>
</table>

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:

1 2 3 4