Cara Membuat Background Di Html

Daftar Isi:

Cara Membuat Background Di Html
Cara Membuat Background Di Html

Video: Cara Membuat Background Di Html

Video: Cara Membuat Background Di Html
Video: cara membuat background di html 2024, Mungkin
Anonim

Halaman web dengan latar belakang cenderung terlihat lebih cantik daripada tanpa latar belakang. Kebenaran tampilan halaman web tergantung pada tindakan yang kompeten untuk menambahkan latar belakang.

Cara membuat background di html
Cara membuat background di html

instruksi

Langkah 1

Cara termudah untuk membuat latar belakang dalam dokumen html adalah dengan menetapkan nilai atribut ke tag body. Nilai yang diberikan untuk atribut latar belakang akan menentukan gambar latar belakang pada halaman. Jika Anda menetapkan nilai atribut bgcolor, maka halaman akan mengambil warna latar belakang. Warna dalam atribut bgcolor dari tag body dapat ditentukan baik dalam heksadesimal atau hanya dalam satu kata.

Langkah 2

Anda dapat mencapai efek yang sama dengan menggunakan lembar gaya CSS berjenjang. Nilai untuk atribut background-color akan menentukan warna latar belakang pada halaman, sedangkan nilai untuk atribut background-image akan menentukan jalur ke gambar latar belakang halaman. Instruksi ini dapat ditulis ke selektor badan. Anda dapat melakukannya secara berbeda: menetapkan kelas atau pengidentifikasi ke tag tubuh di tag html, dan menetapkan atribut di atas masing-masing ke kelas atau pengidentifikasi di css. Hanya perlu diingat bahwa jika atribut ditetapkan ke kelas, maka semua objek dengan kelas yang ditentukan akan memiliki warna latar belakang dalam dokumen html.

Langkah 3

Instruksi di atas dapat ditulis di badan dokumen html itu sendiri. Untuk melakukan ini, buka tag gaya di bagian layanan di antara tag kepala (membuka dan menutup). Setiap pernyataan CSS dapat ditulis antara pembukaan dan penutupan tag yang diberikan. Hanya perlu diingat bahwa dalam kasus ini, berat halaman akan meningkat, yang dapat berdampak negatif terhadap waktu yang diperlukan untuk memuatnya bagi pengguna akhir. Perlu juga dicatat bahwa dalam hal menentukan gambar latar belakang, itu dapat diulang secara horizontal, vertikal atau sepanjang dua sumbu sekaligus. Atribut background-repeat di CSS bertanggung jawab untuk ini. Gambar latar belakang dapat dipasang secara kaku terlepas dari keberadaan bilah gulir dalam dokumen. Untuk mencapai efek ini, Anda harus menentukan background-attachment: fixed.

Langkah 4

Latar belakang dokumen html dapat dilakukan dengan menggunakan bahasa pemrograman. Anda dapat menulis instruksi html menggunakan JavaScript. Konstruksi bahasa document.write cocok untuk ini. Jika hal yang sama diekspresikan melalui DOM, pernyataan document.body.style.backgroundColor = “red” akan membuat latar belakang halaman menjadi merah. Ini sama dengan menulis atribut yang sesuai secara langsung di CSS.

Langkah 5

Instruksi sebelumnya dapat ditulis langsung dalam kode halaman web dengan membuat sepasang tag skrip antara tag kepala pembuka dan penutup. Namun, semua instruksi ini dapat ditulis ke dalam file terpisah dengan ekstensi js, yang kemudian dapat dihubungkan ke halaman.

Direkomendasikan: