Bagaimana Mengubah Latar Belakang Dalam HTML

Daftar Isi:

Bagaimana Mengubah Latar Belakang Dalam HTML
Bagaimana Mengubah Latar Belakang Dalam HTML

Video: Bagaimana Mengubah Latar Belakang Dalam HTML

Video: Bagaimana Mengubah Latar Belakang Dalam HTML
Video: Cara merubah background di HTML 2024, April
Anonim

Latar belakang halaman dapat diatur melalui HTML dan CSS dengan menentukan arahan yang sesuai dalam kode sumber dokumen. Atribut yang digunakan dalam bahasa markup didukung oleh sebagian besar browser modern dan akan ditampilkan dengan benar di hampir semua pengunjung situs Anda.

Bagaimana mengubah latar belakang dalam HTML
Bagaimana mengubah latar belakang dalam HTML

Parameter latar belakang

Buka file halaman HTML Anda untuk diedit di editor yang Anda gunakan. Untuk melakukan ini, Anda dapat mengklik kanan pada dokumen dan memilih bagian "Buka dengan".

Struktur file HTML adalah serangkaian deskriptor dari berbagai level dan tujuan. Kode halaman biasanya dimulai dengan tag. Ini biasanya diikuti oleh bagian yang berisi judul halaman dan kode CSS. Setelah deskriptor ditutup, isi halaman dimulai. Atribut untuk menyetel gambar latar halaman ditetapkan sebagai parameter latar belakang tambahan untuk tag ini. Kode untuk membuat latar belakang halaman akan terlihat seperti ini:

Dalam hal ini, jalur ke gambar dapat berupa URL (dimulai dengan https://). Lokasi dapat ditentukan dari direktori root (/root/folder/background.jpg) atau relatif terhadap lokasi dokumen HTML yang sedang diedit (misalnya, folder / background.jpg).

Simpan perubahan Anda dan buka halaman di browser. Untuk melakukan ini, klik kanan dan pilih "Buka dengan". Dalam daftar yang tersedia, tunjukkan nama program yang Anda gunakan untuk menjelajah Internet. Jika parameter latar belakang diatur dengan benar, Anda akan melihat gambar latar belakang yang ditentukan sebelumnya. Jika gambar tidak ditampilkan, periksa kebenaran atribut latar belakang dan jalur ke file latar belakang.

Parameter Bgcolor

Untuk mengatur warna latar belakang tanpa gambar, Anda dapat menggunakan direktif bgcolor. Sebagai nilai untuk atribut ini, Anda dapat menentukan nama warna dalam bahasa Inggris atau menggunakan nilai warna dalam palet HTML. Sebagai contoh:

Kode ini memberikan halaman latar belakang biru. Jika Anda ingin mengatur rona warna atau warna yang lebih akurat, gunakan nilai palet HTML:

Dalam hal ini, #002902 adalah warna yang akan diberikan ke halaman.

Atribut CSS

Anda juga dapat mengatur latar belakang menggunakan CSS dalam parameter:

Dengan CSS, Anda juga dapat menentukan gambar latar untuk halaman melalui gambar latar:

Menggunakan CSS dan HTML memberikan hasil yang sama, namun lebih baik menggunakan CSS saat mengatur parameter tampilan halaman.

Direkomendasikan: