Cara Membuat Latar Dalam Html

Isi kandungan:

Cara Membuat Latar Dalam Html
Cara Membuat Latar Dalam Html

Video: Cara Membuat Latar Dalam Html

Video: Cara Membuat Latar Dalam Html
Video: CSS Dasar - 6 - Background 2024, Mungkin
Anonim

Halaman web dengan latar belakang cenderung kelihatan lebih cantik daripada tanpanya. Ketepatan paparan laman web bergantung pada tindakan yang kompeten untuk menambahkan latar belakang.

Cara membuat latar dalam html
Cara membuat latar dalam html

Arahan

Langkah 1

Cara termudah untuk membuat latar belakang dalam dokumen html adalah dengan menetapkan nilai atribut ke tag badan. Nilai yang diberikan untuk atribut latar belakang akan menentukan gambar latar pada halaman. Sekiranya anda menetapkan nilai atribut bgcolor, maka halaman akan mengambil warna latar belakang. Warna dalam atribut bgcolor dari tag badan boleh ditentukan sama ada dalam heksadesimal atau hanya dalam satu perkataan.

Langkah 2

Anda boleh mencapai kesan yang sama dengan menggunakan helaian gaya CSS lata. Nilai untuk atribut warna latar belakang akan menentukan warna latar belakang pada halaman, sementara nilai untuk atribut gambar latar belakang akan menentukan jalan menuju gambar latar halaman. Arahan ini boleh ditulis kepada pemilih badan. Anda boleh melakukannya dengan cara yang berbeza: tetapkan kelas atau pengecam ke tag badan dalam tag html, dan tetapkan atribut di atas ke kelas atau pengecam dalam css, masing-masing. Hanya harus diingat bahawa jika atribut ditugaskan ke kelas, maka semua objek dengan kelas yang ditentukan akan memiliki warna latar belakang dalam dokumen html.

Langkah 3

Arahan di atas boleh ditulis dalam badan dokumen html itu sendiri. Untuk melakukan ini, buka tanda gaya di bahagian servis di antara tanda kepala (buka dan tutup). Sebarang pernyataan CSS boleh ditulis antara pembukaan dan penutupan tag yang diberikan. Hanya perlu diingat bahawa dalam hal ini, berat halaman akan meningkat, yang dapat mempengaruhi waktu yang diperlukan untuk memuatkannya untuk pengguna akhir. Perlu juga dicatat bahwa dalam hal menentukan gambar latar, gambar dapat diulang secara mendatar, menegak atau sepanjang dua sumbu sekaligus. Atribut pengulangan latar belakang dalam CSS bertanggungjawab untuk ini. Gambar latar boleh dipasang dengan ketat tanpa mengira kehadiran bar tatal dalam dokumen. Untuk mencapai kesan ini, anda mesti menentukan latar belakang-lampiran: tetap.

Langkah 4

Latar belakang dokumen html dapat dilakukan dengan menggunakan bahasa pengaturcaraan. Anda boleh menulis arahan html menggunakan JavaScript. Konstruk bahasa document.write sesuai untuk ini. Sekiranya perkara yang sama dinyatakan melalui DOM, pernyataan document.body.style.backgroundColor = "red" akan menjadikan latar belakang halaman menjadi merah. Ini sama dengan menulis atribut yang sesuai secara langsung dalam CSS.

Langkah 5

Petunjuk sebelumnya dapat ditulis tepat dalam kod halaman web dengan membuat sepasang tag skrip antara tag kepala pembuka dan penutup. Walau bagaimanapun, semua arahan ini dapat ditulis ke dalam fail yang terpisah dengan sambungan js, yang kemudiannya dapat dihubungkan ke halaman.

Disyorkan: