Таблицы в таблицах в HTML

0

Хорошо, я должен определить следующую таблицу:

Изображение 174551

Я работал как минимум 30 минут, но я не могу понять, как это сделать. Мне нужно некоторое объяснение, как работают таблицы в таблицах, и как создать таблицу выше.

<html>
<body>

<table border="1" cellspacing="0" width="800px" height="600px">
    <tr>
        <td height=120px>

        </td>
        <td width=280px>
            <table>
                <tr>
                    <td height=300px>

                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>

    </tr>
</table>

</body>
</html>
  • 1
    Я работал по крайней мере 30 минут, можем ли мы увидеть вашу работу?
  • 0
    @Mr.AlienМистер Алиен Конечно, но мне так и не удалось начать. Я всегда сталкиваюсь с некоторыми проблемами и не могу продолжать ..
Показать ещё 1 комментарий
Теги:
html-table
table

1 ответ

3
Лучший ответ

Вам не нужно несколько таблиц

Использовать свойства rowspan и colspan для ячеек таблицы.

Чтобы понять, где использовать rowspan и colspan, сделайте снимок и продолжите все линии, разделяющие ячейку таблицы, чтобы пересечь всю таблицу. Вы увидите, что нужно будет объединить вертикально с помощью rowspan или горизонтально с colspan.

<table>
<tr>
    <td colspan=2 width=500 height=120></td>
    <td rowspan=2 width=270 height=300></td>
</tr>
<tr>
    <td rowspan=2 width=120></td>
    <td rowspan=2 width=400></td>       
</tr>
<tr>            
    <td height=300></td>
</tr>
</table>

Если вам все еще нужны таблицы, я бы создал 3 таблицы here- вверху справа и слева внизу

    <table heigth=600 width=800 border=1>
    <tr>
        <td height=120 width=520>1</td>
        <td rowspan=2 width=270 height=600 valign=top>
            <table valign=top border=1 width=270>
                <tr><td height=300>2</td></tr>
                <tr><td height=300>3</td></tr>
            </table>
        </td>
    </tr>
    <tr>
        <td valign=top>
            <table width=520 border=1 height=480>
                <tr>
                    <td width=120>4</td>
                    <td width=400>5</td>
                </tr>
            </table>
        </td>
    </tr>
    </table>
Поделиться
  • 0
    Вы должны предоставить решение, или рассмотреть возможность размещения этого в качестве комментария :)
  • 0
    @vittore На самом деле, мне нужно в этом случае, потому что упражнение определяет использование таблиц внутри таблиц.
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню