1. Tag <table> </table>
Tag
<table> adalah tag pembuka sebuah
table, dimana tag <table> ini adalah tag awal yang kita pakai dalam
mengawali pembuatan table. Setelah tag <table> ada tag </table>
yang merupakan tag penutup atau akhir dari tabel yang sedang di buat.
Coding Tabel :
<html>
<head> Jadwal Kuliah <br>
Jadwal Kuliah Semester Berjalan <br>
<hr align="left" color="3b3ff1" width="200"> <br>
Semester : Genap Tahun : 2015/2016 <br>
<hr align="left" color="3b3ff1" width="630">
<title> Mahasiswa :: STIKOM Dinamika Bangsa Jambi </title>
</head>
<body>
<table align="justify" bgcolor="4b9ffe" border="1" bordercolor="white" cellpadding="1" cellspacing="1" face="">
<tr>
<td> Kelas </td>
<td> Kd Mk </td>
<td> Mata Kuliah </td>
<td> SKS </td>
<td> Jadwal </td>
</tr>
<tr bgcolor="afbcc8">
<td> 04PS4 </td>
<td> KBSI114307 </td>
<td> Pemrograman Berbasis Web </td>
<td> 3 </td>
<td> R.4.9, Senin, 09.45 </td>
</tr>
<tr bgcolor="white">
<td> 04PS4 </td>
<td> KBSI114108 </td>
<td> Lab. Pemrograman Berbasis Web </td>
<td> 1 </td>
<td> Labor 1.4, Jumat, 08.00 </td>
</tr>
<tr bgcolor="afbcc8">
<td> 04PS4 </td>
<td> KKSI114127 </td>
<td> Lab. Komunikasi Data Dan Jaringan </td>
<td> 1 </td>
<td> Labor Cisco 4.3, Kamis, 11.15 </td>
</tr>
<tr bgcolor="white">
<td> 04PS4 </td>
<td> KKSI114326 </td>
<td> Komunikasi Data Dan Jaringan </td>
<td> 3 </td>
<td> R.4.6, Rabu, 12.15 </td>
</tr>
<tr bgcolor="afbcc8">
<td> 04PS4 </td>
<td> KKSI114325 </td>
<td> Kecerdasan Buatan </td>
<td> 3 </td>
<td> R.3.5, Sabtu, 09.45 </td>
</tr>
<tr bgcolor="white">
<td> 04PS4 </td>
<td> KBSI114303 </td>
<td> Analisis Dan Perancangan Sistem Informasi </td>
<td> 3 </td>
<td> R.2.10, Selasa, 12.15 </td>
</tr>
<tr bgcolor="afbcc8">
<td> 04PS4 </td>
<td> KBSI114105 </td>
<td> Lab. Pemrograman Database 1 </td>
<td> 1 </td>
<td> Labor 4.1, Sabtu, 13.00 </td>
</tr>
<tr bgcolor="white">
<td> 04PS4 </td>
<td> KBSI114304 </td>
<td> Pemrograman Database 1 </td>
<td> 3 </td>
<td> Labor 4.1, Rabu, 09.45 </td>
</tr>
<tr bgcolor="afbcc8">
<td> 04PS4 </td>
<td> BBSI114201 </td>
<td> Komputer Dan Masyarakat </td>
<td> 2 </td>
<td> R.3.10, Kamis, 13.00 </td>
</tr>
<tr bgcolor="white">
<td> 01PS6 </td>
<td> BBSI116202 </td>
<td> Kewirausahaan </td>
<td> 2 </td>
<td> R.2.10, Rabu, 08.00 </td>
</tr>
</table>
</body>
</html>
2. Tag <tr></tr>
Tag
<tr> atau Table Row adalah tag yang berfungsi untuk membuat baris dalam
sebuah tabel. Tidak lepas dari tag-tag yang lain, tag ini berisi tag penutup
yaitu </tr>.
Tag
<tr> memiliki atribut ALIGN untuk mengatur alignment horizontal dan
VALIGN untuk mengatur alignment vertical.
3. Tag<td></td>
Tag
<td> atau Table data berfungsi untuk menampilkan data pada setiap sel
tabel. Secara umum dapat dikatakan bahwa table data atau <td> ini
digunakan untuk membuat kolom dalam baris table. Untuk mengakhiri kolom tersebut
digunakan </td>.
<html>
<head>
<title> Membuat Tabel </title>
</head>
<body>
<table border>
<tr>
<td rowspan=2> sel 1,1 </td>
<td> Sel 1,2 </td>
<td> Sel 1,3 </td>
</tr>
<tr>
<td> Sel 2,2 </td>
<td> Sel 2,3 </td>
</tr>
<tr>
<td> Sel 3,1 </td>
<td colspan=2> Sel 3,2 </td>
</tr></table>
</body>
</html>
Belum ada tanggapan untuk "Cara Membuat Table (Baris dan Kolom) HTML"
Post a Comment