Assalamu'alaikum Wr. Wb
Hello Guys, bertemu lagi dengan saya Salman Fauzan dipostingan kali ini. Kali ini kita masih melanjutkan pembahasan kita mengenai HTML. Kali ini kita juga masih membahas seputar Table di HTML. Meskipun kita menggunakan tabel seperti minggu kemarin, sekarang tabel yang kita buat penuh dengan warna yang dapat membuat web kita lebih menarik menggunakan tabel seperti ini. Langsung saja kita mulai pembahasannya.
1. Top Index
Top Index adalah sebuah tabel yang menampilkan Index atau Daftar isi pada kolom bagian bawah setelah Banner atau Iklan yang akan ditampilkan oleh kita. Tentu saja kita dapat mengedit tampilannya dengan sesuai selera kita. Untuk Codingan dari tabel diatas adalah seperti ini :
Hasilnya akan menjadi seperti ini :
2. Bottom Index
Bottom Index adalah sebuah tabel yang menampilkan Index atau Daftar isi pada kolom bagian bawah setelah tabel isi atau content yang telah kita buat. Untuk Codingan dari tabel diatas adalah seperti ini :
Hasilnya akan menjadi seperti ini :
3. Layout Split
Layout Split adalah sebuah tabel yang menampilkan Index atau daftar isi pada kolom kanan dan kiri darir tabel isi atau content yang telah kita buat. Untuk Codingan dari tabel diatas adalah seperti ini :
Hasilnya akan menjadi seperti ini :
4. Left Index
Left Index adalah salah satu tampilan tabel yang sangat cocok menurut saya untuk sebuah website artikel karena tampilan yang menarik yang berbeda dari ketiga bentuk tabel diatas. Untuk Codingan dari tabel diatas adalah seperti ini :
Hasilnya akan menjadi seperti ini :
Saya juga membuat contoh artikel yang menggunakan Left Index, kalian juga dapat menambahkan hyperlink pada kolom fitur-fiture tabel diatas seperti home, contact us dan lain-lain, untuk cara menambahkan hyperlink, kalian dapat melihat caranya pada postingan sebelumnya. Nah untuk Codingan adalah seperti ini : \Hasilnya akan menjadi seperti ini :
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTevdxPS6IqP2HPfps5Xw9ilfEgRE2ImXCwYcVhB2NG-YocCF_1wUgYwfCJ0KTspAs2KWpbeg-d7EXKDf8YelacSiTsR_OebiXvIjM8oSBZ8rXnfylAJCHzjOaj8gVvzANjNPmtvLGWW8/s640/i6.jpg)
Cukup sampai disini saja ya guys pembahasan kita kali ini, semoga bermanfaat bagi kalian, mohon maaf bila ada kesalahan dalam penyampaian maupun pengetikan. See you next guys.
Wassalamu'alaikum Wr Wb.
Hello Guys, bertemu lagi dengan saya Salman Fauzan dipostingan kali ini. Kali ini kita masih melanjutkan pembahasan kita mengenai HTML. Kali ini kita juga masih membahas seputar Table di HTML. Meskipun kita menggunakan tabel seperti minggu kemarin, sekarang tabel yang kita buat penuh dengan warna yang dapat membuat web kita lebih menarik menggunakan tabel seperti ini. Langsung saja kita mulai pembahasannya.
1. Top Index
Top Index adalah sebuah tabel yang menampilkan Index atau Daftar isi pada kolom bagian bawah setelah Banner atau Iklan yang akan ditampilkan oleh kita. Tentu saja kita dapat mengedit tampilannya dengan sesuai selera kita. Untuk Codingan dari tabel diatas adalah seperti ini :
Hasilnya akan menjadi seperti ini :
2. Bottom Index
Bottom Index adalah sebuah tabel yang menampilkan Index atau Daftar isi pada kolom bagian bawah setelah tabel isi atau content yang telah kita buat. Untuk Codingan dari tabel diatas adalah seperti ini :
Hasilnya akan menjadi seperti ini :
3. Layout Split
Layout Split adalah sebuah tabel yang menampilkan Index atau daftar isi pada kolom kanan dan kiri darir tabel isi atau content yang telah kita buat. Untuk Codingan dari tabel diatas adalah seperti ini :
Hasilnya akan menjadi seperti ini :
4. Left Index
Left Index adalah salah satu tampilan tabel yang sangat cocok menurut saya untuk sebuah website artikel karena tampilan yang menarik yang berbeda dari ketiga bentuk tabel diatas. Untuk Codingan dari tabel diatas adalah seperti ini :
Hasilnya akan menjadi seperti ini :
Saya juga membuat contoh artikel yang menggunakan Left Index, kalian juga dapat menambahkan hyperlink pada kolom fitur-fiture tabel diatas seperti home, contact us dan lain-lain, untuk cara menambahkan hyperlink, kalian dapat melihat caranya pada postingan sebelumnya. Nah untuk Codingan adalah seperti ini : \Hasilnya akan menjadi seperti ini :
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTevdxPS6IqP2HPfps5Xw9ilfEgRE2ImXCwYcVhB2NG-YocCF_1wUgYwfCJ0KTspAs2KWpbeg-d7EXKDf8YelacSiTsR_OebiXvIjM8oSBZ8rXnfylAJCHzjOaj8gVvzANjNPmtvLGWW8/s640/i6.jpg)
Cukup sampai disini saja ya guys pembahasan kita kali ini, semoga bermanfaat bagi kalian, mohon maaf bila ada kesalahan dalam penyampaian maupun pengetikan. See you next guys.
Wassalamu'alaikum Wr Wb.
Komentar
Posting Komentar