Membuat Tabel Dengan Html Beserta Penjelasannya

Cara menciptakan tabel sederhana memakai html – Halo teman TB! Apa kabar?? Dikesempatan kali ini, aku akan memberi tutorial perihal cara menciptakan tabel list memakai html.

Seperti yang pernah aku jelaskan pada artikel sebelumnya, HTML ialah isyarat pemrograman yang dipakai untuk membangun sebuah halaman website beserta isinya. Kali ini, aku akan mencoba membuat sebuah tabel yang berisi list atau daftar sederhana dengan HTML yang dapat kau praktekan langsung.

Dalam menciptakan tabel dengan html, ada beberapa tag yang harus dipelajari seperti.

1. <table>...</table>
2. <tr>...</tr>
3. <th>...</th>
4. <td>...</td>

Kode <table></table> merupakan tag untuk mengawali dan mengakhiri pembuatan tabel.
Kode <tr></tr> (table row) dipakai untuk menciptakan baris gres pada data tabel.
Kode <th></th> (table heading) dipakai untuk menciptakan judul kolom
Kode <td></td> (table data) dipakai untuk menciptakan data atau kolom tabel.

Oke kini mari kita praktek menciptakan sebuah tabel..

<h2>Data Nilai Ulangan Matematika Kelas IX.E</h2>
<table> <!-- Tag Tabel Dimulai-->
<tr> <!-- Baris Judul Kolom-->
<th>No</th>
<th>Nama</th>
<th>Nilai</th>
</tr>
<!-- Baris Baru-->
<tr> <!-- Data Tabel-->
<td>1.</td>
<td>Abdul</td>
<td>87</td>
<tr>
<!-- Baris Baru-->
<tr>
<td>2.</td>
<td>Banu</td>
<td>66</td>
<tr>
<!-- Baris Baru-->
<tr>
<td>3.</td>
<td>Cintiya</td>
<td>97</td>
<tr>
<!-- Baris Baru-->
<tr>
<td>4.</td>
<td>Daniel</td>
<td>96</td>
<tr>
<!-- Baris Baru-->
<tr>
<td>5.</td>
<td>Edi</td>
<td>78</td>
<tr>
</table><!-- Tag Tabel Ditutup-->

Hasilnya: 

Itulah tadi klarifikasi mengenai pembuatan tabel sederhana dengan html. Kamu juga dapat menambah isyarat css untuk mempercantik tabel yang telah dibentuk sehingga lebih sedap dipandang.
Demikian artikel perihal cara menciptakan tabel dengan html ini, agar bermanfaat! Terima Kasih!

Bagikan Artikel ini