Ada banyak cara membuat tabel, namun pada kesempatan kali
ini kita akan membuat tabel pada HTML. Mungkin anda sudah tidak asing dengan
HTML, dan saya tidak menjelaskan apa itu HTML? Saya akan membuat artikel
tentang cara membuat tabel (table) menggunakan script HTML. Apabila anda belum
baca-baca tentang HTML, saya sarankan anda mengunjungi ini: – HTML – Tag-tag HTML. Apabila
anda sudah membaca apa yang saya sarankan pasti anda tidak akan kebingungan
dengan postingan yang saya buat kali ini.
Table merupakan Script untuk menampilkan informasi dalam
bentuk sel yang terdiri atas baris dan kolom, Table ini juga sering digunakan
untuk membuat laporan, tugas sekolah dll. Ok kita lanjut saja cara membuat
table menggunakan script HTML. Seprti contoh dibawah ini:
Pertama buat script yang akan diguakan untuk membuat tabel
HTML, penulisan script ini bisa menggunakan notepad atau notepad++. Berikut contoh scriptnya:
<html> <head> </head> <body style="background-image:url(dan.jpg)"> <title> Tabel Mahasiswa </title> <body> <p align="center"><font face="georgia" size="50" color="red">TABEL MAHASISWA</font></p> <table style="border-collapse:collapse;background:#ffc" width="75%" align="center" border="1"> <tr> </tr> <tr> <thead> <th>No </th> <th>Nim</th> <th>Nama</th> <th>Jurusan</th> </thead> <tbody> <tr> <td >1</td> <td >080422837</td> <td >Bill Gates</td> <td >Teknik Informatika</td> </tr> <tr> <td >2</td> <td >080431217</td> <td >Beton Katanyo</td> <td >Teknik Informatika</td> </tr> <tr> <td >3</td> <td >080431437</td> <td >Farhat Abbas</td> <td >Teknik Industri</td> </tr> <tr> <td >4</td> <td >080431991</td> <td >Harahap</td> <td >Teknik Industri</td> </tr> <tr> <td >5</td> <td >080431237</td> <td >Monica Rahma</td> <td >Teknik Informatika</td> </tr> <tr> <td >6</td> <td >080431147</td> <td >Bayu Setio</td> <td >Teknik Informatika</td> </tr> <tr> <td >7</td> <td >080431066</td> <td >Sofiandi</td> <td >Teknik Informatika</td> </tr> <tr> <td >8</td> <td >080431015</td> <td >Abdul Jalal</td> <td >Teknik Informatika</td> </tr> <tr> <td >9</td> <td >080431065</td> <td >Lastri Yanti</td> <td >Teknik Informatika</td> </tr> <tr> <td >10</td> <td >080431021</td> <td >Dika Ashari</td> <td >Teknik Informatika</td> </tr> </tbody> </table> </body> </html>
Selanjutnya setelah script telah selsai, simpan script tersebut dengan menggunakan format HTML didalam satu folder, jangan lupa dan pastikan menyimpan script dan gambar untuk background seperti gambar dibwah ini:Langkah berikutnya adalah silahkan membuka script yang telah dibuat tadi pada browser mozilla Anda, maka hasil yang tampil adalah seperti berikut ini:
Dan selesailah pembuatan Tabel dengan menggunakan HTML. Demikian artikel Tutorial Membuat Tabel, semoga bermanfaat. Terima kasih....
0 komentar:
Posting Komentar