Cara Membuat Tabel Pada HTML
Hy kawan,,
kali ini saya memposting tentang Cara Membuat Tabel Pada HTML dan colspan. Berikut
scriptnya :
<html>
<head>
<title>Cara
Membuat Tabel Pada HTML</title>
</head>
<body>
<table
border=1>
<tr>
<td
colspan="4">Fakultas Pertanian</td>
</tr>
<th>No</th>
<th>Kode PS</th>
<th>Nama Program
Studi</th>
<th>Jenjang</th>
<tr>
<td>1</td>
<td>1720101</td>
<td>Teknologi
Agroindustri</td>
<td>Sastra
2</td>
</tr>
<tr>
<td>2</td>
<td>1710101</td>
<td>Teknologi
Hasil Pertanian</td>
<td>Sastra
1</td>
</tr>
<tr>
<td>3</td>
<td>1710201</td>
<td>Teknik
Pertanian</td>
<td>Sastra
1</td>
</tr>
<tr>
<td>4</td>
<td>1710301</td>
<td>Teknologi
Industri Pertanian</td>
<td>Sastra
1</td>
</tr>
</table>
</body>
</html>
Dan
berikut hasilnya :
Berikut
Keterangannya :
<html> = Menunjukkan
bahwa bagian dari bahasa HTML, contoh untuk mencetak judul title maka harus
menggunakan tag <html> dan di tutup dengan tag </html>.
<head> = Menunjukkan bahwa bagian
kepala yang didalamnya berisi tag judul yang akan di tampilkan di tab browser
dan di tutup dengan tag </head> sebelum tag <body>.
<title> = Menunjukkan bahwa tag untuk mencetak judul yang akan di tampilkan pada tab
Browser. Seperti contoh di atas yang berujudul Cara Membuat Tabel Pada HTML. Pada penulisan tag <title> akan di tutup pula dengan tag
</title> sesudah penulisan title atau judul.
<body> = Menunjukkan bahwa bagian tersebut
adalah badan atau didalamnya tempat untuk meletakkan dan memasukkan
perintah-perintah yang akan di cetak di browser. tag <body> akan di tutup
dengan tag </body> sebelum tag </html>.
<table border=1> = Menunjukkan bahwa tag tersebut berfungsi untuk mencetak table yang di dalam
tag tersebut berisi properties border yang mempunyai nilai 1 yang menunjukkan
bahwa garis table tersebut memiliki ketebalan sama dengan 1. Perintah tag
<table> akan di tutup dengan perintah tag </table> sesudah penulisan
tag <tr> dan <td>.
<tr> = Menunjukkan perintah untuk mencetak baris dan di akhiri dengan tag
</tr> pada setiap baris.
<td> = Menunjukkan perintah untuk mencetak kolom dan di akhiri dengan tag
</td> pada setiap kolom. Sedangkan
<td colspan=”4”> = Attribute colspan diletakkan dalam tag <td> dan anda bisa mengatur
“value”nya berapa kotak yang akan di span. Dengan menyetting colspan menjadi
“4”, kotak di barisan pertama akan melebar menjadi gabungan dari 4 kolom.
Terima Kasih
atas kunjungannya :)