<!DOCTYPE html>
<html>
<head>
<title>Таблица. Пример 3</title>
</head>
<body>
<table border="1" width="200" height="200">
<tr bgcolor="Pink">
<td rowspan="3" colspan="2"></td>
<td colspan="2"></td>
<td></td>
</tr>
<tr bgcolor="LightBlue">
<td colspan="3"></td>
</tr>
<tr bgcolor="LightGreen">
<td rowspan="3"></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="LightGray">
<td></td>
<td rowspan="2"></td>
<td rowspan="2" colspan="2"></td>
</tr>
<tr bgcolor="Orange">
<td></td>
</tr>
<tr>
<td rowspan="2" bgcolor="Orange"></td>
<td rowspan="2"></td>
<td rowspan="2"></td>
<td rowspan="2" colspan="2"></td>
</tr>
</table>
</body>
</html>
Объяснение:
картинка
rowspan - объединение ячеек по вертикали (строки)
colspan - объединение ячеек по горизонтали (столбцы)
<!DOCTYPE html>
<html>
<head>
<title>Таблица структуры страницы сайта</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="2">Сайт о чем-то</th>
</tr>
<tr>
<td>Главная</td>
<td rowspan="4">Основной текст</td>
</tr>
<tr>
<td>Новости</td>
</tr>
<tr>
<td>О нас</td>
</tr>
<tr>
<td>Контакты</td>
</tr>
</table>
</body>
</html>
Объяснение:
картинка
Поделитесь своими знаниями, ответьте на вопрос:
Какое устройство лишнее клавиатура мышь сканер акустические колонки