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

Question

Может ли кто-нибудь помочь мне, как выполнить sh таблицу, как на картинке, используя html.

До сих пор это был мой код

<table border="1" align="right" width="200">
    <tr>
        <td rowspan="2">Umm...<br>yep.</td>
        <td rowspan="2">Umm...<br>yep.</td>
        <td>top right</td>
    </tr>
        <tr><td>bottom right</td>
    </tr>
</table>

Answer 1

в вашей таблице изображений 4 строки и 4 столбца. некоторые теги <td> раскрываются в строках, а некоторые - в столбцах. так было бы:

<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
  text-align: left;    
}
</style>

<table style="width:100%">
  <tr>
    <td rowspan="4">Name</td>
    <td rowspan="4">Telephone</td>
    <td>Bill Gates</td>
    <td>Bill Gates</td>
  </tr>
  <tr>
    <td>Bill Gates</td>
    <td>Bill Gates</td>
  </tr>
  <tr>
    <td>Bill Gates</td>
    <td>Bill Gates</td>
  </tr>
  <tr>
    <td colspan="2">Bill Gates</td>
  </tr>
</table>