Belajar HTML Part 6 : Membuat Tabel Pada HTML
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
<!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>
Jika kita jalankan dalam browser maka muncul seperti ini |
Agar tabel lebih berwarna dan terlihat cantik berilah sentuhan css pada tabel tersebut. Insya'Allah akan saya share cara agar tabel HTML lebih berwarna menggunakan CSS. Saya kira sudah cukup sampi sini jika ada yang ditanyakan siahkan berikan komentar, Sekian Terima Kasih
Kunjungi Juga : Tampan Squad
Referensi : Malas Ngoding
TUTORIAL HTML DASAR LAINYA
Belajar HTML : Mengenal Text Editor
Belajar HTML Part 1 : Mengenal HTML
Belajar HTML Part 2 : Mengenal Tag, Element, Atribut & Struktur Dasar HTML
Belajar HTML Part 3 : Mengenal Heading Pada HTML
Belajar HTML Part 4 : Format Text Pada HTML
Belajar HTML Part 5 : Membuat Paragraf Pada HTML
Belajar HTML Part 6 : Membuat Tabel Pada HTML
Belajar HTML Part 7 : Membuat Hyperlink Pada HTML
Belajar HTML Part 8 : Membuat List Pada HTML
Belajar HTML Part 9 : Membuat Format Code dan Pre Pada HTML
Belajar HTML Part 10 : Membuat Form Pada HTML
Belajar HTML Part 11 : Mengenal Atribut Form Pada HTML
Saya udh tau caranya tp infonya cukup menambah wawasan saya thnks
BalasHapusOKe sama sama :D
Hapusmakasih infonya gan, cukup membanntu sekali
BalasHapusOke gan sering" mampir kesini =D
Hapus