Таблицы внутри таблиц в HTML

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

enter image description here

я работал в течение по крайней мере 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>

источник

2013-12-20 user2943407

* Я работал в течение по крайней мере 30 минут * мы можем увидеть вашу работу? –

@ Mr.Alien Конечно, но мне не удалось это начать. Я всегда получаю какие-то проблемы и не могу продолжить. – user2943407

Пожалуйста, возьмите нижний план назад –

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

Используйте 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 таблицы здесь- верхний правый и левый нижний

<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>

источник

2013-12-20 07:15:32 vittore

Вам следует предоставить решение или рассмотреть возможность размещения в качестве комментария :) –

@vittore На самом деле, мне действительно нужно, потому что упражнение определяет использование таблиц в таблицах .. – user2943407

@ Mr.Alien вполне возможно – vittore

Таблицы внутри таблиц в HTML

ответ

Смежные вопросы