Membuat Background Warna atau Gambar di HTML

Abang Fay - Pernah kan ketika kita membuka suatu website memiliki bacground yang menarik, baik itu dari segi warna maupun gambar. Pemberian background tersebut, terutama adalam pembuatan suatu website, adalah menggunakan kode HTML. Kode HTML adalah singkatan dari Hypertext Markup Language, yang biasa digunakan dalam pemrograman web dasar. Untuk melihat cara penulisan kode HTML dasar kawan bisa cari di mana saja, Banyak buku yang menjelaskan HTML lebih lanjut, atau teman bisa cari di Google.


Nah, kali ini abang akan menunjukkab bagaimana memberikan background pada halaman web yang kita buad dengan HTML. Ini merupakan kode dasar pembuatan tampilan background yang masih bisa dikembangkan lagi di HTML yang lebih lanjut.

Kali ini abang akan menunjukkan kode HTML dalam pembuatan latar baik dengan warna maupun gambar. Simank langkah-langkahnya di bawah ini. Sekalian siapkan catatan atau langsung praktek di kode HTML kawan sekalian.

1. Membuat background warna
Pembuatan background warna sederhana cukut mudah. Karena yang akan kita ubah adalah background, maka tag HTML yang kita modifikasi adalah tag <body> yang merupakan tag dalam pembuatan "badan" dasar website. Namun, dalam pemilihan warna kita menggunakan kode heksadesimal warna-warna yang akan digunakan. Jika kawan ingin melihat kode heksadesimal dari warna yang akan kawan gunakan bisa KLIK DI SINI



Menggunakan atribut "bgcolor" yang ditempatkan di tag <body>
contoh penggunaannya:
<body bgcolor= ... >
Yang berwarna kuning di atas bisa diisikan dengan nama warnanya (misal red, yellow, blue), maupun dengan kode heksadesimal (misal putih: #FFFFFF, hitam: #000000).
Misalnya ingin membuat background halaman html berwarna merah:
<body bgcolor=red>
atau
<body bgcolor=#FF0000>

2. Membuat background gambar
Sama seperti di atas yaitu menempatkan atribut di tag <body>. Namun kali ini atributnya berbeda. Kita menggunakan atribut background. Atribut background ini bertujuan mengambil background berupa gambar dari gambar yang kita simpan. 
contoh penggunaannya:
<body background="alamat/lokasi gambar">
Alamat atau lokasi gambar diisikan di root mana gambar kita berada. untuk membuat halaman html offline kita jadikan satu folder gambar dan webnya, misalkan nama gambarnya apik.jpg, jadi kita tinggal menuliskan:
<body background="apik.jpg">
Ingat sekali lagi, untuk lebih mudah, tempatkan gambar dalam satu folder dengan source code HTML nya ya kawan. Karena kalau kita lupa dikhawatirkan program tidak akan menampilkan gambar karena tidak menemukan gambarnya 

Sekian yang bisa abang bagikan. Kalau kawan ingin belajar HTML lebih lanjut, kawan bisa buka DI SINI. Website ini menyediakan kode-kode yang biasa digunakan dalam pemrograman website, tidak hanya HTML, ada juga PHP (Bukan Pemberi Harapan Palsu), CSS, Javascript, dan lain-lain

-Terima Kasih-

Jangan lupa baca juga artikel lainnya ya, kalau kawan suka musik, pengen download lagu dengan mudah, bisa lewat soundcloud di Ponsel Android kawan loh.. Caranya? buka artikel cara download lagu soundcloud dari ponsel Android.
Tag : All, HTML, Trik
0 Komentar untuk "Membuat Background Warna atau Gambar di HTML"

Back To Top