Иллюстрированный самоучитель по Dreamweaver MX


         

Определяем ячейки второй строки. Заметьте,


<table width="75%" border="l">

<tr>

<!— Определяем ячейки первой строки —>

<!— Соединяем ячейки 1 и 6 по вертикали —>

<td rowspan="2">l+6</td> <!— Соединяем ячейки 2 и 3 по горизонтали —>

<td colspan="2">2+3</td> <!— Соединяем ячейки 4 и 5 по горизонтали —>

<td colspan="2">4+5</td> </tr>

<tr>

<!— Определяем ячейки второй строки. Заметьте, что здесь нет определения ячейки 6, т. к. она уже соединена с первой (см. определение ячеек первой строки). —>

<td>7</td>

<td>8</td>

<td>9</td>

<td>10</td> </tr>

<tr>

<!— Это третья строка. Здесь всего две ячейки: одиннадцатая и большая ячейка, образованная слиянием ячеек 12-15. —>

<td>ll</td>

<td colspan="4">12+13+14+15</td> </tr>

<tr>

<!— Последняя строка самая простая. Здесь вообще нет никаких слияний —>

<td>16</td>

<td>17</td>

<td>18</td>

<td>19</td>

<td>20</td> </tr>

</table>

Как вы уже заметили, слияния ячеек делают HTML-код таблицы крайне запутанным, а ошибки в нем — исключительно трудновыявляемыми. И куда делась былая стройность HTML-таблиц, воскликните в ужасе вы! Можно ли как-нибудь избежать этого хаоса тегов и атрибутов, определяющих слитые ячейки, этих ужасных ошибок, которые в нем таятся?

Можно. Достаточно просто обойтись без таблиц или, по крайней мере, не создавать в них слитых ячеек. Ну а уж если вам понадобится таблица, то используйте для ее построения Dreamweaver, ведь он, в отличие от Web-дизайнеров, никогда не делает ошибок в HTML-коде. Именно так поступают опытные Web-разработчики, когда им нужна сложная и громоздкая таблица. Автор настоятельно рекомендует поступать так и вам.


Содержание  Назад  Вперед