Почему моя таблица в HTML не работает должным образом?

Question

У меня есть таблица, и я слил пустое и правильное изображение, но история не хочет объединяться.Ниже приведен HTML

<table border="3">
      <tr>
       <td>title</td>
    <td>created by</td>
     </tr>
    <tr>
    <td>blank</td>
    <td rowspan="2">picture</td>
     </tr>
     <tr>
    <td>story</td>

     </tr>
    <tr>
    <td>story</td>
    <td>date</td>
     </tr>
    <tr>
    <td>story</td>
    <td rowspan="3">blank</td>
    </tr>
    <tr>
    <td>tags</td>
    </tr>
    <tr>
    <td>lar e</td>
 
      </tr>
      <tr>
    <td>material </td>
    <td>comments</td>
  </tr>
    </table>

Я добавил rowspan="3" к первой истории и удалил две другие, но это не сработало.Что я делаю не так?

Это то, что я хочу.

+------------+------------+
| title      | created by |
+------------+------------+
| blank      |            |
+------------+ picture    |
|            |            |
+            +------------+
| story      | date       |
+            +------------+
|            |            |
+------------+            |
| tags       | blank      |
+------------+            |
| lar e      |            |
+------------+------------+
| material   | comments   |
+------------+------------+

Answer 1

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

table  { border-collapse:collapse }
td { border: solid 1px black }

<table>
    <tr>
        <td>title</td>
        <td>created by</td>
    </tr>
    <tr>
        <td>blank</td>
        <td rowspan="2">picture</td>
    </tr>
    <tr>
        <td rowspan="3" style="padding: 50px 0">story</td>
    </tr>
    <tr>
        <td>date</td>
    </tr>
    <tr>
        <td rowspan="3">blank</td>
    </tr>
    <tr>
        <td>tags</td>
    </tr>
    <tr>
        <td>lar e</td>
    </tr>
    <tr>
        <td>material</td>
        <td>comments</td>
    </tr>
</table>

Answer 2

Вам просто нужен какой-то атрибут style с rowspan.проверьте следующий код

<table border=1>
      <tr>
       <td>title</td>
    <td>created by</td>
     </tr>
    <tr>
    <td>blank</td>
    <td rowspan="2">picture</td>
     </tr>
     <tr>
    <td rowspan="3" style="padding:20px 0px">story</td>

     </tr>
    <tr>
    
    <td>date</td>
     </tr>
    <tr>
    
    <td rowspan="3">blank</td>
    </tr>
    <tr>
    <td>tags</td>
    </tr>
    <tr>
    <td>lar e</td>
 
      </tr>
      <tr>
    <td>material </td>
    <td>comments</td>
  </tr>
    </table>

Answer 3

попробуйте

<table style="border: 1px solid">
        <tr>
            <td style="border: 1px solid">title</td>
            <td style="border: 1px solid">created by</td>
        </tr>
        <tr>
            <td style="border: 1px solid">blank</td>
            <td rowspan="2" style="border: 1px solid">picture</td>
        </tr>
        <tr>
            <td style="border: 1px solid">story</td>
        </tr>
        <tr>
            <td style="border: 1px solid">story</td>
            <td style="border: 1px solid">date</td>
        </tr>
        <tr>
            <td style="border: 1px solid">story</td>
            <td rowspan="3" style="border: 1px solid">blank</td>
        </tr>
        <tr>
            <td style="border: 1px solid">tags</td>
        </tr>
        <tr>
            <td style="border: 1px solid">lar e</td>
        </tr>
        <tr>
            <td style="border: 1px solid">material </td>
            <td style="border: 1px solid">comments</td>
        </tr>
    </table>