Tutor ASR: Membuat Tabel sederhana pada HTML

Thursday, March 9, 2017

Membuat Tabel sederhana pada HTML

Membuat tabel sederhana pada HTML - Tabel merupakan gabungan dari baris dan kolom. Dengan membuat tabel bisa memudahkan kita untuk membuat suatu informasi fakta/opini sehingga menjadi lebih menarik dibandingkan dengan kata - kata biasa. Pada awalnya tabel hanya bisa dibuat secara manual yang ditulis dengan pena di atas kertas, dengan manual itu kita tidak bisa mengolah nya secara dinamis. Seiring berkembangnya zaman yang sekarang semakin mudah saja, kini tabel bisa dibuat secara komputerisasi, yang sifatnya lebih dinamis. Pada contoh kali ini menggunakan bahasa pemrograman HTML yang ditampilkan di web browser.

Screenshot

Contoh nya dibawah langsung dicoba di web editor bisa dengan notepad / notepad++ / dreamweaver, dll


<html>

<head>

<title>Membuat Tabel Sederhana</title>

</head>

<body>



<table border="1" cellpadding="4" cellspacing="2">

<tr>

<th>Nama</th>

<th>Alamat</th>

</tr>

<tr>

<td>Dina</td>

<td>Majalengka</td>

</tr>

<tr>

<td>Lili</td>

<td>Cirebon</td>

</tr>

</table>

</body>

 </html>

Keterangan
table = tag pembuatan tabel
cellpadding = untuk memberikan jarak antara teks dengan garis tepi tabel
cellspacing = memberikan efek tebal pada garis tepi
tag th = table heading, untuk membuat heading pada tabel
tag td = table data, untuk memberikan isi pada tabel tersebut
tag tr = table row, untuk mendefinisikan tabel
Simpan dengan ekstensi *.html misalnya tabelsederhana.html

Untuk mengembangkan nya lagi boleh di coba yang satu ini : Memberikan warna background di tabel HTML dan Menggabungkan beberapa cell tabel HTML

Tutor ASR

Thursday, March 9, 2017

Membuat Tabel sederhana pada HTML

No comments:

Post a Comment