Kamis, 03 November 2016

Belajar HTML Part 6 : Membuat Tabel Pada HTML

HTML Yogi Prasetyawan Kamis, November 03, 2016 4 komentar

SCRIPT KIDDIES - Tabel merupakan struktur yang digunakan untuk menampilkan informasi berupa baris dan kolom. Pada HTML untuk membuat sebuah tabel menggunakan tag <table> dan untuk membuat sebuah baris menggunakan <tr> dan untuk mengisi datanya menggunakan <td> . Berikut akan saya jelaskan mengenai tabel pada HTML

PENGGUNAAN TABEL HTML
Untuk lebih memahami penggunaan tabel pada HTML akan saya jelaskan tag-tag yang dapat digunakan untuk membuat HTML

<table> merupakan tag pembuka yang digunakan untuk membuat sebuah tabel, tanpa ada tag <table> maka tabel tidak akan berjalan
<tr> atau singkatan dari table row digunakan untuk membuat sebuah bari dalam tabel
<td> atau singkatan dari table data digunakan untuk mengisi sebuah data dalam tabel
<th> atau singkatan dari table head digunakan untuk membuat kepala dari sebuah tabel atau data yang berada paling atas

Perhatikan contoh script pembuatan tabel berikut :

<!DOCTYPE html>
<html>
<head>
 <title>Belajar HTML Part 6 : Membuat Tabel Pada HTML</title>
</head>
<body>
<table border="1px">
<tr>
 <th>No</th>
 <th>Nama</th>
 <th>Jurusan</th>
 </tr>
 <tr>
 <td>01</td>
 <td>Yogi Prasetyawan</td>
 <td>RPL</td>
 </tr>
 <tr>
 <td>02</td>
 <td>Bima Zainudin</td>
 <td>RPL</td>
 </tr>
 <tr>
 <td>03</td>
 <td>Ady Prasetyo</td>
 <td>TO</td>
 </tr>
 </table>
</body>
</html>