Latar belakang dalam kode sumber halaman web, tergantung pada desain yang digunakan, dapat diatur baik dengan menentukan warna, atau dengan menautkan ke file gambar dengan penambahan parameter pemosisiannya. Ini dapat dilakukan langsung di tag HTML, di blok CSS terpisah di bagian header sumber, atau di file terpisah dengan deskripsi gaya.
instruksi
Langkah 1
Buka kode sumber blok yang digunakan di situs Anda untuk mengatur latar belakang halamannya. Saat menggunakan sistem kontrol apa pun, blok ini, sebagai suatu peraturan, dialokasikan dalam file terpisah. Sistem kontrol itu sendiri memiliki alat untuk mengeditnya langsung di browser. Tergantung pada sistem tertentu, prosedur ini dapat diatur dengan cara yang berbeda - misalnya, melalui editor halaman. Jika Anda tidak menggunakan sistem kontrol, maka file yang sesuai harus diunduh ke komputer Anda dan dibuka di editor apa pun. Lebih baik menggunakan editor HTML khusus, tetapi Anda juga dapat menggunakan Notepad yang paling sederhana.
Langkah 2
Tambahkan atribut bgcolor ke tag tubuh yang menunjukkan bayangan warna jika latar belakang halaman harus berwarna, bukan gambar. Sebagai contoh:
Berikut adalah warna oranye gelap sebagai latar belakang. Tidak setiap tekstual ("mnemonic") nama bayangan dapat dikenali oleh browser, jadi lebih baik menggunakan kode warna heksadesimal. Misalnya, kode FF8C00 sesuai dengan warna oranye gelap:
Langkah 3
Gunakan atribut latar belakang alih-alih bgcolor pada tag tubuh jika latar belakang akan disetel oleh gambar dan bukan warna. Misalnya, jika file dengan gambar latar belakang disebut bgPic
Langkah 4
Tempatkan deskripsi gaya di header kode sumber Anda jika Anda ingin mengatur latar belakang halaman menggunakan CSS. Misalnya, deskripsi gaya CSS yang menggantikan warna oranye gelap yang ditentukan dalam tag tubuh sebagai latar belakang mungkin terlihat seperti ini:
body {warna latar: DarkOrange;}
Dan Anda dapat mengatur gambar latar belakang dengan deskripsi gaya berikut:
body {latar belakang: # FF8C00 url (gambar / bgPic.gif) repeat-y;}
Di sini, selain tautan ke gambar, warna latar belakang (# FF8C00) juga ditunjukkan - jika ada tempat di halaman yang tidak tercakup oleh gambar latar belakang, maka mereka akan dicat dengan bayangan warna yang ditentukan di sini. Parameter repeat-y menentukan pengulangan gambar latar secara vertikal (sepanjang sumbu Y). Jika Anda perlu mengulang gambar secara horizontal, maka Anda harus menggunakan nilai repeat-x, dan untuk melarang pengulangan pola - no-repeat. Anda dapat menempatkan deskripsi gaya sebelum tag yang menutup bagian heading dari kode HTML.
Langkah 5
Simpan perubahan yang dibuat di editor halaman, atau simpan dan unggah file yang diunduh kembali ke server jika kode diedit dalam file di komputer Anda.
