Postingan kali ini zoharaberbagiinfo akan memberikan sebuah tutorial tentang bagaimana cara membuat sebuah tabel dengan menggunakan bahasa pemerograman html, selain untuk sebuah pembelajaran postingan kali ini juga ditujukankan sebagai TUGAS dari matakuliah struktur data . tahukah anda apa tabel html itu ???
| HTML Tabel merupakan sekumpulan elemen yang berupa lajur baris dan kolom yang saling terhubung yang digunakan untuk membagi kolom header, sidebar, main content, footer dsb. |
ini adalah 2 elemen penting yang sering dipergunakan dalam menggunakan blog :
1. Atribut Colspan
Fungsi dari atribut ini ialah untuk menggabungkan beberapa kolom menjadi satu . contoh nya dapat anda lihat pada gambar di bawah ini
zoharaberbagiinfo.blogspot.com
tanpa Colspan : <table border="1"> | dengan Colspan :
|
2. Atribut Rowspan
digunakan ketika kita akan menggabungkan beberapa baris tabel, contohnya dapat dilihat disini
| tanpa Rowspan : <table border="1"> | dengan Rowspan : <table border="1"> |
zoharaberbagiinfo akan memberikan sebuah contoh sebuah tabel sederhana ,yaitu membuat tabel biodata saya sendiri . dalam pembuatan tabel ini saya menggunakan sebuah tools bawaan dari Operation System Windows yaitu notepad sebenarnya banyak sekali Software yang dapat anda gunakan dalam menuliskan listing program HTML ini contohnya seperti : Notepad ++,Dreamweaver dan masihbanyak lagi, . namun saya akan membatu tutorialnya dengan menggunakan notepad saja .jika anda pengguna OS Windows maka anda sudah dapat mengetikan listing program html dibawah ini pada notepad anda untuk cara membuka notepad ialah :
anda tekan sescara bersamaan menekan shorcut Windows + R . kemudian anda ketikan notepad dan selanjutnya anda tekan ENTER.
setelah notepad terbuka maka silahkan anda ketikan listing program nya :
| <html> <body> |
Keterangan:
<table></table> : tag pembuka dan penutup tabel.
<tr></tr> : mengidentifikasikan baris dari tabel.
<td></td> : mendefiniskan sel dari tabel.
.
setelah anda mengetikan scrip tersebut maka anda dapat menyimpannya dengan cara buka File pada notepad anda dan klik Save as
kemudian pada save as type anda pilih all kemudian simpan dengan nama membuat tabel.html atau dengan nama terserah anda yang terpenting harus anda ingat ialah setiap kode html di akhiri dengan extensi *.html
untuk cara menjalankan nya ialah sebagai berikut.
cari file *.html yang telah anda save tadi kemudian
Klik kanan >> Open With >> buka dengan Browser kesayangan anda
dan inilah tampilan hasil akhir dari program yang telah kita buat .
silahkan anda kreasikan sendiri menurut selera anda .
terimakasih telah membaca postingan saya tentang belajar dan cara mudah membuat tebel dengan html.
Apabila masih terdapat hal yang belum di mengerti silahkan beri KOMENTAR . ingat pembaca yang baik selalu memberikan komentar yang baik pula
thanks infonya gan..
ReplyDeleteBagi agan yang berminat belajar membuat web bisa dilihat di situs berikut http://www.computer-course-center.com/web-design.html