Я делаю проект и сейчас не могу использовать CSS.Я хочу сделать таблицу с 3 столбцами и 3 строками следующим образом: Таблица .Итак, как вы можете видеть, ячейка A должна иметь colspan = "2" и rowspan = "2".Это код, который я использовал:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Table HTML</title>
<style>
table, tr, th, td {border: 1px solid black;}
tr, th, td {padding: 10px;}
</style>
</head>
<body>
<table>
<tr>
<th rowspan="2" colspan="2">A</th>
<th>B</th>
<th>C</th>
</tr>
<tr>
<td>D</td>
<td>E</td>
</tr>
<tr>
<td colspan="2">F</td>
<td colspan="2">G</td>
</tr>
</table>
</body>
</html>
Но ячейка A не в 2 рядах, то же самое для F и G. Как правильно расположить все ячейки?
Я нашел решение с помощью свойства CSS width:
<!DOCTYPE html>
<html lang="it" dir="ltr">
<head>
<meta charset="utf-8">
<title>Tabella HTML</title>
<style>
table, tr, th, td {border: 1px solid black;}
tr, th, td {padding: 10px;}
</style>
</head>
<body>
<table>
<tr>
<th rowspan="2" colspan="2">A</th>
<th>B</th>
<th>C</th>
</tr>
<tr>
<td>D</td>
<td>E</td>
</tr>
<tr>
<td colspan="2" style="width:50%">F</td>
<td colspan="2" style="width:50%">G</td>
</tr>
</table>
</body>
</html>
Но для этого проекта я не могу использовать CSS.Спасибо.