Как сделать таблицу внутри таблицы в html?

Question

Мне нужна такая же таблица, как изображена на картинке, но я понятия пока не имею, как именно сделать таблицу внутри самой таблицы

Вот то, что я набросал:

<table width="60%"
       border="10"
       cellpadding="3"
       cellspacing="3">
 <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
 </tr>
 <tr>
  <td rowspan="3">8</td>
  <td>9</td>
  <td>10</td>
  <td>11</td>
 </tr>
 <tr>
  <td>12</td>
  <td>13</td>
  <td>14</td>
 </tr>
 <tr>
  <td>15</td>
  <td>16</td>
  <td>17</td>
 </tr>
 <tr>
  <td>5</td>
  <td colspan="2">6</td>
  <td>7</td>
</table>

Заранее благодарю за помощь

Answer 1

что-то по типу такого. Найдете нужную ячейку и вставите таблицу. Показал на вашем примере. Как вставить таблицу в таблицу

<table width="60%"
       border="10"
       cellpadding="3"
       cellspacing="3">
 <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
 </tr>
 <tr>
  <td rowspan="3"> <table width="60%"
       border="10"
       cellpadding="3"
       cellspacing="3"></td>
  <td>8.1</td>
  <td>8.2</td>
  <td>8.3</td>
 </tr>
</table>
</td>
  <td>9</td>
  <td>10</td>
  <td>11</td>
 </tr>
 <tr>
  <td>12</td>
  <td>13</td>
  <td>14</td>
 </tr>
 <tr>
  <td>15</td>
  <td>16</td>
  <td>17</td>
 </tr>
 <tr>
  <td>5</td>
  <td colspan="2">6</td>
  <td>7</td>
</table>

А так мир уже давно не пользуется таблицами в веб. Используйте <div> чтоб нарисовать таблицу

БЛОГ НА HUSL

Как сделать таблицу внутри таблицы в html?

Ответы (1 шт):