Tabel adalah daftar berisi ikhtisar sejumlah (besar) data informasi, biasanya berupa kata-kata dan bilangan yang tersusun secara sistematis, urut ke bawah dalam lajur dan deret tertentu dengan garis pembatas sehingga dapat dengan mudah disimak. Pada dokumen HTML tabel dapat digunakan untuk menata letak layout atau tampilan sebuah halaman HTML maupun juga dapat digunakan untuk keperluan lainnya yang memerlukan sebuah tabel.
Baiklah berikut ini contoh penulisan sebuah tabel pada dokumen HTML.
Contoh Tabel HTML:
Cara Membuat Tabel Pada Dokumen HTML:
Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.
Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.
Sekarang mari kita mulai membuat sebuah tabel pada dokumen HTML seperti pada kotak di bawah ini.
Script Code:
<!DOCTYPE html>
<html>
<head>
<title> Contoh Tabel Pada Dokumen HTML </title>
</head>
<body>
<p>Ini adalah tabel dengan property border:</p>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$50</td>
</tr>
</table>
<p>Ini adalah tabel dengan property border & cellpadding:</p>
<table border="1" cellpadding="10">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$50</td>
</tr>
</table>
<p>Ini adalah tabel dengan property border, cellpadding & cellspacing:</p>
0 Comments
