PENGERTIAN
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 PADA 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 :
<html>
<head>
<title> CONTOH TABEL </title>
</head>
<table border="1px" style="width:100%">
<tr>
<center><h1>PRAKERIN DI BLC TELKOM</h1></center>
</tr>
<tr>
<th>NO</th>
<th>Nama</th>
<th>Jurusan</th>
<th>Sekolah</th>
<th>No HP</th>
</tr>
<tr>
<td>1</td>
<td>Muhammad fajar shodiq</td>
<td>RPL</td>
<td>SMK N 2 Karanganyar</td>
<td>087878478554</td>
</tr>
<tr>
<td>2</td>
<td>Fadila junitaningsih</td>
<td>RPL</td>
<td>SMK N 2 Karanganyar</td>
<td>087874378554</td>
</tr>
<tr>
<td>3</td>
<td>Alif sutoni</td>
<td>RPL</td>
<td>SMK N 2 Karanganyar</td>
<td>087878478554</td>
</tr>
<tr>
<td>4</td>
<td>Revo alderi agustiarso</td>
<td>RPL</td>
<td>SMK N 2 Karanganyar</td>
<td>087878478554</td>
</tr>
</table>
</html>
 |
| Hasil run dari script |
Dan seperti itulah contoh dari tabel yang saya berikan , untuk simplenya seperti itu tetapi itu dapat di kembangkan lagi menggunakan style dari CSS untuk yang sudah mengerti tentang CSS. dalam sintag <table> ... </table> apabila tidak di beri border maka garis tepi pada tabel tidak akan keluar. Seharusnya seperti ini <table border="1px"> ... </border>.
EmoticonEmoticon