2014-02-05 3 views
0

Ниже приведено мое HTML код & это результат.Создать таблицу в таблице в HTML

<html> 
<body> 
    <table width="75%"> 
     <td> 
     <table width="99%" border="4"> 
      <tr> 
       <th>NAME</th> 
       <th>AGE</th> 
      </tr> 
      <tr> 
       <td>Dilantha</td> 
       <td>30</td> 
      </tr> 
      <tr> 
       <td>Chamal</td> 
       <td>25</td> 
      </tr> 
      <tr> 
       <td>Rose</td> 
       <td>20</td> 
      </tr> 
     </table> 
     </td> 
     <td> 
     <table width="99%" border="4"> 
      <tr> 
       <th>NAME</th> 
       <th>YEAR</th> 
      </tr> 
      <tr> 
       <td>Jhon</td> 
       <td>2010</td> 
      </tr> 
     </table> 
     </td> 
    </table> 
</body> 
</html> 

enter image description here

Но мне нужно, чтобы показать ниже результата. Пожалуйста, помогите мне заполнить мой код HTML. Спасибо. enter image description here

+0

оба же изображение .. ожидалось изображение ..? – Manoj

+0

ему нужен выравнивающий чувак ... – vino20

+0

содержание на изображениях такое же. но внешний вид отличается. – Chamal

ответ

1

Я думаю, вы ожидаете следующего права?

enter image description here

<html> 
<body> 

<table width="75%"> 
<td> 
     <table width="99%" border="4"> 
     <tr><th > NAME </th> 
      <th > AGE</th> 
     </tr> 
     <tr> 
      <td>Dilantha</td> 
      <td>30</td> 
     </tr> 
     <tr> 
      <td>Chamal</td> 
      <td>25</td> 
     </tr> 
     <tr> 
      <td>Rose</td> 
      <td>20</td> 
     </tr> 
     </table> 
</td> 


<td style="vertical-align:top"> 
     <table width="99%" border="4"> 
     <tr><th > NAME </th> 
      <th>YEAR</th> 
     </tr> 
     <tr> 
      <td>Jhon</td> 
      <td>2010</td> 
     </tr> 

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

</body> 
</html> 
+0

Это очень полезно для меня. Большое спасибо ... – Chamal

+0

добро пожаловать ... – vino20

1

Попробуйте этот код:

DEMO

<td style='vertical-align: top;'> 
+0

большое спасибо – Chamal

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