 |
| Image Background |
html code background - html ini di fungsikan untuk mengisi warna atau gambar dalam sebuah latar belakang, latar belakang tersebut baik berupa html table, div, textarea, button(tombol), form, dan masih banyak lagi.
Fungsi dari html tersebut adalah memberi desain warna dan gambar dalam sebuah html code menjadi lebih menarik dan anggun.
Hal terbaik dari hal tersebut adalah memperindah desain tampilan dari situs web kita, sekaligus optimasi Seo desain web.
Membuat lebihnyaman dari yang memandangnya.
Saya gambarkan disini sebagai contoh background dari table.
Untuk kode html table tersebut sudah saya terangkan sebelumnya dan bisa anda pelajari dulu disini.
Baca : Belajar Kode Html Table.
Terus gimana kita melakukan desain sendiri dengan background table kode html tersebut.
Kita mulai saja pembahasannya.
 |
| Image color html |
Kalau sebelumnya anda perhatikan table tablenya, belum ada backgroundnya, sekarang telah ada backgroundnya berwarna merah.
Gambar di atas merupakan kombinasi dari kode table dan code color background.
Seperti apa ya kodenya .... ???
Seperti ini mas broo kodenya.
Bisa terlihat setelah di tambahkan style="background:red" terlihat tablenya berlatar belakang dengan warna merah
Mari kita coba bereksperimen bila backgroundnya di dalam td, bisa di lihat seperti ini kode htmlnya.
Bisa di lihat hasilnya seperti gambar ini.
Kita coba kode html dengan background masuk dalam kode tr seperti apa ya kodenya
Seperti ini mas brooo ..... !!!
Mari kita lihat hasil dari kreasi kode tersebut.
Yups seperti inilah hasil dari html code yang masuk dalam kode <tr>.
Ternyata sangat mudah sekali dalam mempelajari kreasi kode html tersebut.
Untuk mengkombinasika dengan image bisa kita lakukan dengan langkah kode seperti ini.
Kalu kita perhatikan cuma ada penambahan background image kemudian memasukan url dalam bentuk gambar sehingga akan terlihat seperti ini.
Lihat hasilnya ternyata di belakangnya sudah ada gambar. Mohon maaf gambarnya kurang jelas ya.
Soalnya tulisannya item, sedang backgrounya ikut ikutan item jadi terlihat seperti tidak terlihat.
Ya intinya seperti itulah.
Untuk lebih indah dan menarik silahkan anda bisa langsung berkreasi dan mendisainya
EmoticonEmoticon