Таблица в html.Нужна помощь
380
17 июля 2022, 09:00
Помогите сделать хотя-бы 1 таблицу которая на фотке изображена Я смог только так ,и не понимаю как в таблице сделать разные размеры ячеек, и что бы одна ячейка находилась над другой
<html>
<head>
<title>HTML код таблицы, примеры</title>
</head>
<body>
<table border="1">
<tr>
<td width="100px" heigh="300">1</td>
<br/>
<td width="200px" heigh="150">2</td>
<td width="100px" heigh="150">3</td>
<td width="100px" heigh="150">4</td>
</tr>
</table>
</body>
</html>Answer 1
Можно для этого воспользоваться атрибутами colspan и rowspan, которые объединяют ячейки по горизонтали и по вертикали, соответственно.
table {
width: 300px;
height: 100px;
text-align: center;
font-weight: bold;
}<table border="1">
<tr>
<td rowspan="2">1</td>
<td colspan="2">2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47558 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30494 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23627 visits
- Как через css изменить цвет png изображения? 10349 visits
- Blob video url download 9957 visits
- Php curl запрос через прокси с авторизацией 9209 visits
- Работа с captcha vk api 8093 visits
© "hostciti.net" 21.11.2024 | 11:15