Возможно ли создать в табличной верстке HTML подобную таблицу?

Question

было дано задание создать подобный сайт с помощью табличной вёрстки, однако как не пытаюсь сделать подобное разделение верхнего ряда и последнего, никак не выходит, я начинаю сомневаться, что это вообще возможно столбики просто отказываются становиться ровными или стираются вовсе буду очень благодарен за помощь

<html>
<title>ehh</title>
<head>
</head>
<body >
  <table border="1"> 
<tr>
    <td colspan ="2">
        fffff
    </td>
    
    <td colspan ="2">
        fffff
    </td>
    
    <td colspan ="2">
        fffff
    </td>
    
    <td colspan ="2">
        fffff
    </td>
    
    <td colspan ="2">
        fffff
    </td>
    
</tr>
<tr>
    <td rowspan = "2" colspan="10">
        fgfgfgfgfgfgfggfgfgfgfgfgfgf
    </td>

</tr>
<tr>
    
</tr>

<tr>
    <td colspan="5">
        fgfg
    </td>
    
    <td colspan="5">
        fgfg
    </td>
    
</tr>

</table> 
</body>
</html>

Answer 1

Судя по всему, таблице нужно рассчитывать span на основе чего-то.

должна быть единичная ячейка
задать размеры колонок в col.

Например:

table {
  width: 100%;
}

<html>
<title>ehh</title>

<head>
</head>

<body>

  <table border="1" >
    <col width="10">
    <col width="10">
    <col width="10">
    <col width="10">
    <col width="10">
    <col width="10">
    <col width="10">
    <col width="10">
    <col width="10">
    <col width="10">
    <tr>
      <td colspan="2">
        fffff
      </td>

      <td colspan="2">
        fffff
      </td>

      <td colspan="2">
        fffff
      </td>

      <td colspan="2">
        fffff
      </td>

      <td colspan="2">
        fffff
      </td>

    </tr>
    <tr>
      <td colspan="10">
        fgfgfgfgfgfgfggfgfgfgfgfgfgf
      </td>

    </tr>
    <tr>
      <td colspan="5">
        fgfg
      </td>

      <td colspan="5">
        fgfg
      </td>

    </tr>

  </table>
</body>

</html>

БЛОГ НА HUSL

Возможно ли создать в табличной верстке HTML подобную таблицу?

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