Как сверстать такую таблицу?

Question

[romanu418]

Надо чтобы размеры были такие которые написаны, а не такие как на фото.
Только html без css

Answer 1

[Rsa97]

Самый простой способ - представляете таблицу из 20 колонок, каждая шириной 5%, и с помощью colspan формируете нужной ширины ячейки.

Comments

[romanu418]

Тоже так думал сделать но получается бред какой-то, может какой-то лучший способ существует

[Сергей Грибок]

romanu418: да, использовать css)

[Сергей delphinpro]

romanu418: Вовсе не бред. Это самый оптимальный вариант - codepen.io/anon/pen/GWVaXj

[romanu418]

Сергей:

Только html без css

[Сергей delphinpro]

romanu418: Если не устраивает единственный инлайн-стиль, то придется добавлять первую строку с 20-ю пустыми ячейками (но эти ячейки не должны "схлопываться" до нуля в размерах). По-другому вы никак не сделаете без css. Если не секрет, откуда такая странная задача?

[Rsa97]

Сергей: Можно, через древний добрый colgroup
codepen.io/anon/pen/PmYqWZ
Но надо следить, чтобы данные в ячейках не были слишком длинными и не раздували ячейки.

[Сергей delphinpro]

Rsa97: не, колгруп не то. с ячейками точнее codepen.io/delphinpro/pen/KmPpvX

Answer 2

[Alexander Pushkarev]

<table>
    <tr>
        <td>10</td>
        <td>75</td>
        <td>5</td>
        <td>5</td>
        <td>5</td>
    </tr>
    <tr>
        <td colspan="2">20</td>
        <td>60</td>
        <td colspan="2">20</td>
    </tr>
    <tr>
        <td>60</td>
        <td>25</td>
        <td>5</td>
        <td>5</td>
        <td>5</td>
    </tr>
</table>

Comments

[romanu418]

Изменил таблицу чтобы было нагляднее