Tabel
memiliki baris dalam kolom. Terdapat sejumlah syntax html yang di pergunakan
untuk membuat tabel, yaitu :
a. Nama :
Tag Tabel
Syntax : <table>....</table>
Fungsi : Untuk awalan membuat tabel
b. Nama :
Tabel Head
Syntax : <thead>....</thead>
Fungsi : Untuk header tabel
c. Syntax : <th >....</th >
Fungsi :untuk menulis judul Field
d. Syntax
: < tr>....</tr >
Fungsi : Untuk membuat baris
e. Syntax
: <td >....</td >
Fungsi : Untuk membuat elemen cell di tabel
f.
Syntax : < tbody>....</tbody >
Fungsi : untuk tag body tabel
g. Syntax
: <tfoot >....</tfoot >
Fungsi : Untuk tag footer tabel
Sejumlah Parameter :
a. Syntax
: < table border=”1" >
Fungsi : Untuk memberi baris pada tabel. Semakin besar angka nya, akan
semakin ebal baris
Tabelnya.
b. Syntax
: <td colspan=”2”>
Fungsi : Agar
sebuah cell memiliki lebar 2 kolom yang di jadikan 1. Nilai colspan dapat
selain 2.
c. Syntax
: <td rowspan=”2” >
Fungsi : Agar
sebuah cell memiliki lebar 2 baris yang di jadikan 1. Nilai rowspan dapat
selain 2.
Contoh :
<!DOCTYPE html>
<html>
<head>
<title>Membuat Tabel</title>
</head>
<body>
<table border=”1”>
<caption>Daftar Siswa</caption>
<thead>
<th>No</th> <th> Nim </th><th>Nama</th><th>alamat</th>
</thead>
<tbody>
<tr>
<td>1</td><td>141151</td><td>Andika</td><td>Jakarta</td>
</tr>
<tr>
<td>2</td><td>141152</td><td>Budiman</td><td>Bandung</td>
</tr>
<tr>
<td>3</td><td>141153</td><td>Derry</td><td>Jogjakarta</td>
</tr>
<tr>
<td>4</td><td>141154</td><td>Edo</td><td>Palembang</td>
</tr>
<tr>
</tbody>
</table>
</body>
</html>
Dan hasilnya sebagai berikut :
Demikian lah cara membuat tabel dengan Kode HTML
semoga bermanfaat. Mohon maaf jika ada kekurangan atau kesalah dalam
pengetikan.
Daftar Isi : Klik Disini
Daftar Isi : Klik Disini
Postingan
0 komentar:
Posting Komentar