Сложные таблицы – это таблицы, в которых ячейки спаренные (строенные и т.д.) по строкам или столбцам. Иногда нужны и такие таблицы. Здесь показаны три таблицы и HTML-разметка к ним.

Таблица 1

<center>
<table width="600" cellpadding="5" border="3">
    <caption>Таблица 1</caption>
    <tbody>
        <tr>
            <td><img width="400" height="150" alt="Если рисунка нет, я не виноват." src="//img1.liveinternet.ru/images/attach/c/0//53/186/53186022_1262357304_ris01.jpg" /></td>
            <td><img width="200" height="150" alt="Если рисунка нет, я не виноват." src="//img0.liveinternet.ru/images/attach/c/0//53/186/53186024_1262357340_ris02.jpg" /></td>
        </tr>
        <tr>
            <td colspan="2"><img width="600" height="100" alt="Если рисунка нет, я не виноват." src="//img1.liveinternet.ru/images/attach/c/0//53/186/53186026_1262357372_ris03.jpg" /></td>
        </tr>
    </tbody>
</table>
</center>

Где

<center>... </center> - выравнивание таблицы по центру.

<table width="600" cellpadding="5" border="3">...  </table> - тэги таблицы. Атрибуты в открывающем тэге:

width="600" - ширина таблицы.

cellpadding="5" - расстояние от границ рисунка до внутренних раниц ячейки.

border="3" -толщина рамки таблицы. Эта опция в журнале почему-то не работает.

<caption>Таблица 1</caption>- заголовок таблицы.

<tbody>... </tbody> - тэги внутреннего содержания таблицы.

<tr>... </tr> - тэги строки таблицы.

<td>... </td> - тэги колонок таблицы.

<td colspan="2">- атрибут colspan="2" объединяет две колонки в одну строку.

Черным показаны тэги вставки рисунков. Цифры показывают размеры рисунков в пикселях.

Под катом еще две таблицы