ответ: В приложении пиклеплен файл готового кода. Вы можете проверить правильно кода, переименовав файл в table.html и после этого открыть файл в браузере.
Объяснение:
<!DOCTYPE html>
<html>
<head>
<style>
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:8px 20px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:8px 20px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-em6y{background-color:#4f8486;text-align:center;vertical-align:top}
.tg .tg-k27c{background-color:#4f8486;border-color:#000000;font-weight:bold;text-align:center;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-amwm{font-weight:bold;text-align:center;vertical-align:top}
</style>
</head>
<body>
<table class="tg">
<tr>
<th class="tg-k27c" colspan="2">Первая и вторая ячейки</th>
<th class="tg-baqh" rowspan="2">Третья<br>и шестая<br>ячейки</th>
</tr>
<tr>
<td class="tg-baqh">Четвертая<br>ячейка</td>
<td class="tg-amwm">Пятая ячейка</td>
</tr>
<tr>
<td class="tg-em6y" colspan="3"><span style="font-weight:bold">Седьмая, восьмая и девятая ячейки</span></td>
</tr>
</table>
</body>
</html>
ответ: В приложении пиклеплен файл готового кода. Вы можете проверить правильно кода, переименовав файл в table.html и после этого открыть файл в браузере.
Объяснение:
<!DOCTYPE html>
<html>
<head>
<style>
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:8px 20px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:8px 20px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-em6y{background-color:#4f8486;text-align:center;vertical-align:top}
.tg .tg-k27c{background-color:#4f8486;border-color:#000000;font-weight:bold;text-align:center;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-amwm{font-weight:bold;text-align:center;vertical-align:top}
</style>
</head>
<body>
<table class="tg">
<tr>
<th class="tg-k27c" colspan="2">Первая и вторая ячейки</th>
<th class="tg-baqh" rowspan="2">Третья<br>и шестая<br>ячейки</th>
</tr>
<tr>
<td class="tg-baqh">Четвертая<br>ячейка</td>
<td class="tg-amwm">Пятая ячейка</td>
</tr>
<tr>
<td class="tg-em6y" colspan="3"><span style="font-weight:bold">Седьмая, восьмая и девятая ячейки</span></td>
</tr>
</table>
</body>
</html>
