Как выровнять заголовок таблицы в html таблицах

Question

Я пытался создать html таблицы с заголовком.

Я добавил 2 строки, но я не мог понять, как выполнить выравнивание по заголовку.

Мой желаемый результат такой.

ниже - моя предыдущая работа.

Что не так? как я могу это исправить? если у кого-то есть мнение, пожалуйста, дайте мне знать.

Спасибо

td {
padding:5px;
border:solid black 1px;}

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

<table>
  <tr>
  <th>header</th>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
   <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
  
</table>

Answer 1

Вы должны использовать rowspan="2", поскольку хотите объединить 2 строки.

td {
  padding: 5px;
  border: solid black 1px;
}

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

<table>
  <tr>
    <th rowspan="2">header</th>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
    <td>11</td>
    <td>12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
  </tr>

</table>

Answer 2

Надеюсь, это поможет вам:

td {
padding:5px;
border:solid black 1px;}

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

<table>
  <tr>
  <th rowspan="2">header</th>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
   <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
  
</table>

Answer 3

Пожалуйста, найдите прикрепленное решение:

<table>
  <tr>
    <td rowspan="2"> Header</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
</table>