Cara Mengisi Background Di Html

Daftar Isi:

Cara Mengisi Background Di Html
Cara Mengisi Background Di Html

Video: Cara Mengisi Background Di Html

Video: Cara Mengisi Background Di Html
Video: cara membuat background di html 2024, November
Anonim

Bahasa markup HTML memungkinkan Anda membuat latar belakang halaman menjadi warna solid dengan warna apa pun, serta menempatkan gambar di atasnya. Ini memungkinkan untuk mendapatkan teks, misalnya, dengan lanskap atau tekstur kertas.

Cara mengisi background di html
Cara mengisi background di html

instruksi

Langkah 1

Saat memilih warna latar belakang atau gambar untuk ditempatkan di atasnya, dipandu terutama oleh keterbacaan teks. Latar belakang harus kontras, dengan kata lain, karakter harus jelas menonjol di atasnya. Jika Anda memutuskan untuk membuat gambar latar belakang, pastikan untuk memastikan bahwa Anda adalah pembuat gambar atau memiliki hak untuk menggunakannya berdasarkan kontrak (misalnya, lisensi gratis).

Langkah 2

Temukan tag di sumber HTML halaman. Untuk membuat latar belakang solid dan berwarna, tambahkan variabel bkcolor dengan argumen sebagai kode warna. Setelah itu, konstruksinya akan terlihat seperti ini: <body bkcolor = rrggbb: gt;, di mana rr, gg dan bb adalah bilangan heksadesimal dalam rentang 00 hingga FF. Yang pertama mengatur intensitas komponen merah, yang kedua - ke hijau, dan yang ketiga - ke biru.

Langkah 3

Jika Anda ingin menempatkan gambar di latar belakang, pertama-tama, kurangi ukurannya sehingga memiliki resolusi horizontal dan vertikal kurang dari 320 inklusif. Simpan sebagai file baru untuk menghindari merusak aslinya. Silakan gunakan format JPG,.png

Langkah 4

Menggunakan antarmuka web atau klien FTP perangkat lunak, letakkan file gambar di folder server tempat file HTML yang Anda edit berada.

Langkah 5

Alih-alih variabel bkcolor, tambahkan variabel latar belakang ke tag dengan argumen sebagai nama file gambar. Sekarang akan terlihat seperti ini: di mana fon

Langkah 6

Unggah file HTML yang diperbarui ke server. Buka di browser. Pastikan latar belakang ditampilkan dengan benar. Jika ada gambar di atasnya, itu akan berulang secara horizontal dan vertikal, mengisi semua ruang di halaman. Periksa seberapa baik teks pada latar belakang baru terbaca di browser yang berbeda. Gunakan file warna atau grafik yang berbeda jika perlu.

Direkomendasikan: