Belajar Code html background simple

Html background image
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.

PALING VIRAL  4 Opsi Penggantian Baterai MacBook Dari Yang Paling Aman

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.

Kode html untuk image color
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.

Gambar kode color color

Bisa terlihat setelah di tambahkan style=”background:red” terlihat tablenya berlatar belakang dengan warna merah

PALING VIRAL  √ Download Inshot Pro Mod Apk Terbaru

Mari kita coba bereksperimen bila backgroundnya di dalam td, bisa di lihat seperti ini kode htmlnya.

code color css

Bisa di lihat hasilnya seperti gambar ini.

css untuk background image

Kita coba kode html dengan background masuk dalam kode tr seperti apa ya kodenya

Seperti ini mas brooo ….. !!!

Kode background untuk property

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.

PALING VIRAL  Cara Mengatur Miracast Untuk Diputar Dari Android ke TV Anda

Untuk mengkombinasika dengan image bisa kita lakukan dengan langkah kode seperti ini.

colorfull background red

Kalu kita perhatikan cuma ada penambahan background image kemudian memasukan url dalam bentuk gambar sehingga akan terlihat seperti ini.

kode html background full red

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