HTML Tutuorial: Membuat Tabel (Basic Tutorial)

Posted on Updated on


htmlUntuk menampilkan data kita perlu sebuah tabel untuk menampung nya , di dalam sebuah applikasi tabel sangat penting dan sangat inti karena tabel ini adalah wadah untuk menampilkan data . Data dapat kita tampilkan dengan menggunakan HTML karena pada bahasa pemograman .web html adalah scripting kerangka yang digunakan untuk menerima atau sebagai kerangka dari php karena php adalah script server side , langsung saja kita belajar bagaimana membuat sebuah tabel pada html,

langkah pertama silahkan buka editor kesayangan kita kemudian ketikan code berikut :

<table width=”478″ height=”155″ border=”1″>
<tr>
<td width=”25″ bgcolor=”#669900″>No </td>
<td width=”360″ bgcolor=”#669900″>Nama</td>
<td width=”217″ bgcolor=”#669900″>NPM</td>
<td width=”262″ bgcolor=”#669900″>Alamat</td>
</tr>
<tr>
<td>1</td>
<td>Suriadi</td>
<td>091003180262</td>
<td>Pasir Pengaraian</td>
</tr>
<tr>
<td>2</td>
<td>Anter Mulazin</td>
<td>091003180269</td>
<td>Pasir Pengaraian</td>
</tr>
<tr>
<td>3</td>
<td>Rika Manda Sari</td>
<td>091003180265</td>
<td>Pasir Pengaraian</td>
</tr>
<tr>
<td>4</td>
<td>Koko Harianto</td>
<td>091003180266</td>
<td>Pasir Pengaraian</td>
</tr>
</table>

kemudian simpan dengan nama tabel.html

jika sudah tersimpan maka file tabel.html ini bisa dibuka melalui browser

berikut penampakan nya:

 

 

No Nama NPM Alamat
1 Suriadi 091003180262 Pasir Pengaraian
2 Anter Mulazin 091003180269 Pasir Pengaraian
3 Rika Manda Sari 091003180265 Pasir Pengaraian
4 Koko Harianto 091003180266 Pasir Pengaraian

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s