CARA MEMBUAT TABEL MENGGUNAKAN BAHASA HTML
bicara tentang bahasa pemrograman web, tentu akan sangat berhubungan dengan html. untuk informasi, kita bisa belajar mengenai bahasa pemrograman di w3schools.com dadisini kita akan belajar sedikit mengenai cara membuat tabel. hal penting yang harus diingat dalam membuat tabel adalah
misalnya kita ingin membuat tabel seperi berikut ini.
bicara tentang bahasa pemrograman web, tentu akan sangat berhubungan dengan html. untuk informasi, kita bisa belajar mengenai bahasa pemrograman di w3schools.com dadisini kita akan belajar sedikit mengenai cara membuat tabel. hal penting yang harus diingat dalam membuat tabel adalah
- Colspan -> atribut html yang digunakan untuk membuat dua baris atau beberapa baris menjadi satu baris utuh
- Rowspan adalah atribut html yang digunakan untuk membuat dua atau beberapa kolom menjadi satu kolom utuh.
misalnya kita ingin membuat tabel seperi berikut ini.
dan bisa kita simak script dibawah ini.
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black; //warna border
border-collapse: collapse;
}
th, td, p{
padding: 5px;
}
</style>
</head>
<body>
<p>Contoh pembuatan Table di html</p>
<table style="width:100%">
<tr>
<th rowspan="2">NIM</th>//isi data baris pertama kolom 1
<th colspan="2">Nilai Assesment 1 PROG-WEB</th>//isi data baris pertama kolom kedua
<th rowspan="2">KET</th>//isi data baris pertama kolom ketiga
</tr>
<tr>
<td>TEORI</td>
<td>PRAKTEK</td>
</tr>
<tr>
<td>6702172001</td>//isikan data yang diinginkan
<td>80</td>
<td>90</td>
<td>Lulus</td>
</tr>
<tr>
<td>6702172048</td> //isikan data yang diinginkan
<td>75</td>
<td>50</td>
<td>Tidak Lulus</td>
</tr>
<tr>
<td>6702172095</td> //isikan data yang diinginkan
<td>80</td>
<td>70</td>
<td>Lulus</td>
</tr>
</table>
</body>
</html>
nah, cukup sampai sini dulu ya, kalau ada pertanyaan bisa langsung ditanyakan dikolom komentar yaa :)
Komentar
Posting Komentar