- Home >
- TUTORIAL MEMBUAT TAG HTML
Rabu, 06 September 2017
Sekarang saya akan menjelaskan tentang cara membuat tabel dalam HTML.
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yangterdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada
HTML, digunakan Tag<Table>.
Elemen table berisi property <tr> untuk menentukan baris(table row) yang
didalamnya terdapat properti <td> untuk menampkan data pada setiap sel
table(table data).
Atribut Elemen Tabel
Width =panjang(lebar table, pixel atau persen)
Height =panjang(tinggi table, pixel atau persen)
Border =pixel(tebal garis tepi)
Cellspacing =pixel(spasi antar sel)
Cellpadding =pixel(spasi di dalam sel)
Align =[left|center|right](perataan table)
Bgcolor =warna(warna latar belakang table)
Atribut Table Row
Align =[left|center|right](perataan sebaris sel secara horizontal)
Valign =[top|middle|bottom](perataaan sebaris sel secara vertical)
Bgcolor =warna(warna latar belakang baris)
Atribut Tabel Data
Align =[left|center|right](perataan horizontal)
Width =[top|middle|bottom](perataan vertical)
Height =pixel(tinggi sel, pixel atau persen)
Bgcolor =warna(warna latar belakang sel)
berikut contoh code pada html: salin tag yang di bawah dengan aplikasi note pad
<html>
<head>
<title>tabel</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan
colspan
<table width=80% border=2 cellspacing=0
cellpadding=0>
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr>
<td rowspan=2baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>
jangan lupa beri nama dengan contoh (tag.html) saat menyimpan data ,lalu simpan datanya.
sesudah simpan,buka dengan mozila firefox/ internet explorer,atau dan lain-lain.
SEKIAN DAN TERIMA KASIH