Cara Menambah Latar Belakang Ke Laman Web

Isi kandungan:

Cara Menambah Latar Belakang Ke Laman Web
Cara Menambah Latar Belakang Ke Laman Web

Video: Cara Menambah Latar Belakang Ke Laman Web

Video: Cara Menambah Latar Belakang Ke Laman Web
Video: CSS Dasar - 6 - Background 2024, Mungkin
Anonim

Latar belakang dalam kod sumber halaman web, tergantung pada desain yang digunakan, dapat diatur dengan menentukan warna, atau dengan menghubungkan ke file gambar dengan penambahan parameter posisi. Ini dapat dilakukan secara langsung dalam tag HTML, di blok CSS yang terpisah di bahagian header sumber, atau dalam file yang terpisah dengan deskripsi gaya.

Cara menambah latar belakang ke laman web
Cara menambah latar belakang ke laman web

Arahan

Langkah 1

Buka kod sumber blok yang digunakan di laman web anda untuk mengatur latar belakang halamannya. Semasa menggunakan sistem kawalan apa pun, blok ini, sebagai peraturan, dialokasikan dalam fail yang berasingan. Sistem kawalan itu sendiri mempunyai alat untuk menyuntingnya secara langsung di penyemak imbas. Bergantung pada sistem tertentu, prosedur ini dapat diatur dengan cara yang berbeza - misalnya, melalui penyunting halaman. Sekiranya anda tidak menggunakan sistem kawalan, fail yang berkenaan mesti dimuat turun ke komputer anda dan dibuka di mana-mana penyunting. Lebih baik menggunakan editor HTML khusus, tetapi anda juga boleh menggunakan Notepad paling ringkas.

Langkah 2

Tambahkan atribut bgcolor ke tanda badan yang menunjukkan warna warna jika latar belakang halaman harus berwarna, bukan gambar. Sebagai contoh:

Berikut adalah warna oren gelap sebagai latar belakang. Tidak semua teks ("mnemonic") nama bayangan dapat dikenali oleh penyemak imbas, jadi lebih baik menggunakan kod warna heksadesimal. Sebagai contoh, kod FF8C00 sesuai dengan warna oren gelap:

Langkah 3

Gunakan atribut latar dan bukannya bgcolor pada tag badan jika latar belakang ditetapkan oleh gambar dan bukan warna. Sebagai contoh, jika fail dengan gambar latar disebut bgPic

Langkah 4

Letakkan keterangan gaya di tajuk kod sumber anda jika anda ingin mengatur latar belakang halaman menggunakan CSS. Sebagai contoh, penerangan gaya CSS yang menggantikan warna oren gelap yang dinyatakan dalam teg badan kerana latar belakang mungkin kelihatan seperti ini:

badan {background-color: DarkOrange;}

Dan anda boleh menetapkan gambar latar dengan keterangan gaya berikut:

body {background: # FF8C00 url (gambar / bgPic.gif) berulang-y;}

Di sini, selain pautan ke gambar, warna latar belakang (# FF8C00) juga ditunjukkan - jika ada tempat di halaman yang tidak dilindungi oleh gambar latar, maka mereka akan dicat dengan warna warna yang ditentukan di sini. Parameter berulang-y menentukan pengulangan gambar latar secara menegak (di sepanjang paksi Y). Sekiranya anda perlu mengulangi gambar secara mendatar, maka anda harus menggunakan nilai ulang-x, dan untuk melarang pengulangan corak - tidak berulang. Anda boleh meletakkan keterangan gaya sebelum tag yang menutup bahagian tajuk kod HTML.

Langkah 5

Simpan perubahan yang dibuat di editor halaman, atau simpan dan muat naik fail yang dimuat turun kembali ke pelayan jika kod tersebut diedit dalam fail di komputer anda.

Disyorkan: