TIPS MEMBUAT TABEL COLSPAN DAN ROWSPAN DENGAN CEPAT
Untuk membuat tabel kita harus tau tag tag yang ada pada table
1.Tag <table> digunakan untuk memulai tabel
2.Tag <tr>/table row digunakan untuk membuat baris
3.Tag <td>/table data digunakan untuk menginput data
<!DOCTYPE html>
<html>
<head>
<title>Cara membuat tabel</title>
</head>
<body>
<h1>Contoh penggunaan colspan & rowspan</h1>
<table border="1">
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
<td>Baris 1, Kolom 3</td>
</tr>
<tr>
<td>Baris 2, Kolom 1</td>
<td colspan="2" >Baris 2, Kolom 2 & 3</td>
</tr>
<tr>
<td rowspan="2"> Baris 3 & 4, Kolom 1</td>
<td> Baris 3, Kolom 2</td>
<td> Baris 3, Kolom 3</td>
</tr>
<tr>
<td> Baris 4, Kolom 2</td>
<td> Baris 4, Kolom 3</td>
</tr>
</table>
</body>
</html>
.png)
<!DOCTYPE html>
<html>
<head>
<title>penggunaan Colspan dan Rowspan di HTMl</title>
<style type="text/css">
table,th, td{
border: 1px solid black;
border-collapse: collapse;}
table{width: 30%; }
th,td{text-align: center; }
</style>
</head>
<body>
<table>
<tr>
<th rowspan="2">no</th>
<th rowspan="2">NIS</th>
<th rowspan="2">Nama</th>
<th colspan="3">Absensi</th>
</tr>
<tr>
<td>Hadir</td>
<td>Sakit</td>
<td>Izin</td>
</tr>
<tr>
<td>1</td>
<td>202120961</td>
<td>Muhammad ikhwan fadillah</td>
<td>22</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>2</td>
<td>202120954</td>
<td>Galuh Arya maulana</td>
<td>22</td>
<td>0</td>
<td>0</td>
</tr>
</table>
</body>
</html>
Komentar
Posting Komentar