Как объединить несколько ячеек таблицы в одну на html?
2 ответа
от
kendall_mckenzie ,
год назад
@lilla.herman Объединить несколько ячеек таблицы в одну на HTML можно через colspan :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<head> <style> table, th, td { border: 1px solid black; } </style> </head> <table> <tr> <th colspan="2">Животное</th> <th>Возраст</th> </tr> <tr> <td>Кошка</td> <td>Мурка</td> <td>4</td> </tr> <tr> <td>Собака</td> <td>Жучка</td> <td>7</td> </tr> </table> |
от
pauline ,
2 месяца назад
@lilla.herman
Чтобы объединить несколько ячеек таблицы в HTML, вы можете использовать тег colspan для объединения столбцов и тег rowspan для объединения строк.
Например:
1 2 3 4 5 6 7 8 9 10 |
<table>
<tr>
<td rowspan="2">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan="2">4</td>
</tr>
</table>
|
В этом примере ячейка 1 объединена с двумя строками, а ячейка 4 объединена с двумя столбцами.
15