- Katılım
- 9 Eylül 2020
- Mesajlar
- 3.308
- Makaleler
- 18
- Çözümler
- 41
Selam, bu tablo nasıl kodlanır? CSS kısmı önemli değil, elimde görseller de var.
rowspan ve colspan kullanmanız gerekiyor.<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Technopat</title>
<style>
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
padding: 1rem;
font-family: sans-serif;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="2">Monday</th>
<th colspan="2">Thuesday</th>
<th colspan="2">Wednesday</th>
<th colspan="2">Thursday</th>
</tr>
<tr>
<td colspan="2">resim</td>
<td colspan="2">resim</td>
<td colspan="2">resim</td>
<td colspan="2">resim</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>3</td>
<td>3</td>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td colspan="4" rowspan="2">No Weather Warning</td>
<td colspan="2">Strong Winds</td>
<td colspan="4" rowspan="2">Heavy Rain</td>
</tr>
<tr>
<td colspan="2">Category 1</td>
</tr>
</table>
</body>
</html>