Latar belakang adalah salah satu elemen paling penting dari sebuah situs web. Latar belakang yang baik menciptakan nada untuk situs web dan melengkapi konten. Ada banyak cara berbeda untuk menambahkan latar belakang, masing-masing cara dengan tujuan berbeda. Beberapa metode memungkinkan Anda untuk menerapkan latar belakang ke semua halaman di situs web, sementara yang lain membatasi latar belakang hanya untuk halaman tertentu. Artikel ini mengajarkan Anda cara menambahkan latar belakang ke situs web Anda menggunakan HTML atau CSS.
Langkah
Metode 1 dari 2: Metode HTML
Latar Belakang Berwarna Solid
Tambahkan Latar Belakang ke Situs Web Langkah 1
Langkah 1. Latar belakang berwarna solid adalah jenis latar belakang paling dasar yang dapat Anda pasang di situs web
Faktanya, setiap situs web dimulai dengan latar belakang putih default. Namun, meskipun latar belakang putih bisa terlihat sangat halus dan bersih bila digunakan dengan skema warna yang harmonis, latar belakang berwarna berbeda mungkin lebih disukai dengan tema yang berbeda.
Tambahkan Latar Belakang ke Situs Web Langkah 2
Langkah 2. Buka kode web Anda (sumber)
Tambahkan Latar Belakang ke Situs Web Langkah 3
Langkah 3. Di tag body, tambahkan atribut yang disebut bgcolor
Sekarang, tag tubuh Anda akan terlihat seperti ini-
di mana COLORNAME adalah nama warna. COLORNAME dapat diisi dengan banyak jenis perwakilan warna-
(nama warna)
(nilai heksagonal)
(Nilai RGB)
Tambahkan Latar Belakang ke Situs Web Langkah 4
Langkah 4. Bereksperimen dengan RGB dan # dapat menghasilkan banyak warna, tetapi Anda dapat mengambil cara pertama yang mudah
Tapi ingat bahwa mengetik warna yang tidak biasa seperti "Ultramarine Blueish Green" akan menghasilkan warna putih.
Menambahkan Gambar Latar Belakang
Menambahkan gambar latar belakang sedikit lebih rumit daripada latar belakang berwarna solid
Tambahkan Latar Belakang ke Situs Web Langkah 5
Langkah 1. Tambahkan properti background ke tag body, sehingga terlihat seperti ini-
dimana SRC adalah sumber gambar SRC bisa di folder yang sama, atau folder/halaman web lain.
(dalam folder yang sama)
(di dalam folder yang berbeda)
(dalam halaman web yang berbeda)
Tambahkan Latar Belakang ke Situs Web Langkah 6
Langkah 2. Ingatlah untuk mengetik ekstensi.gif/-j.webp" />
Metode 2 dari 2: Metode CSS
Tambahkan Latar Belakang ke Situs Web Langkah 6
Latar Belakang Berwarna Solid
Tambahkan Latar Belakang ke Situs Web Langkah 7
Langkah 1. Untuk menambahkan latar belakang berwarna solid di CSS, tambahkan atribut gaya
Anda juga dapat memberikan ID dan Kelas serta menggunakan lembar gaya eksternal dan internal.
Tambahkan Latar Belakang ke Situs Web Langkah 8
Langkah 2. Tag tubuh Anda akan terlihat seperti ini-
di mana COLORNAME adalah nama warna, nilai hex, atau RGB(Ingat juga langkah terakhir dari latar belakang berwarna solid dalam HTML, ini juga berlaku di sini).
Menambahkan Gambar
Tambahkan Latar Belakang ke Situs Web Langkah 9
Langkah 1. Untuk menambahkan gambar, tambahkan atribut style ke tag body
Anda juga dapat memberikan ID dan Kelas serta menggunakan lembar gaya eksternal dan internal.
Tambahkan Latar Belakang ke Situs Web Langkah 10
Langkah 2. Tag tubuh Anda sekarang akan terlihat seperti ini-
Tambahkan Latar Belakang ke Situs Web Langkah 11
Langkah 3. Ingatlah bahwa SRC adalah sumbernya
Bisa dari folder yang sama, folder yang berbeda atau halaman web yang berbeda.
(dalam folder yang sama)
(di dalam folder yang berbeda)
(di halaman web yang berbeda).
Tambahkan Latar Belakang ke Situs Web Langkah 12
Langkah 4. Ingatlah untuk menambahkan.extensions juga
Mengulangi Latar Belakang Berpola
Tambahkan Latar Belakang ke Situs Web Langkah 13
Langkah 1. Untuk membuat latar belakang pola berulang, tambahkan latar belakang seperti yang dikatakan pada langkah di atas
Tag tubuh Anda sekarang harus diubah menjadi-
Di mana REPEAT-SETTINGS adalah pengaturannya. Mungkin ada banyak pengaturan berulang, seperti-
(Latar belakang akan berulang baik secara vertikal maupun horizontal.)
(Latar belakang akan berulang secara horizontal.)
(Latar belakang akan berulang secara vertikal.)
Memperbaiki Gambar Latar Belakang
Tambahkan Latar Belakang ke Situs Web Langkah 14
Langkah 1. Memperbaiki latar belakang gambar yang terlihat keren dan tidak berubah saat Anda menggulir ke bawah
Untuk melakukannya, Anda hanya perlu melakukan beberapa penyesuaian sederhana pada kode di bagian di atas. Lakukan tweak untuk membuat tag tubuh terlihat seperti ini-
di mana SRC adalah sumber gambar latar belakang, POSISI adalah posisi gambar (dapat berkisar dari tengah ke kanan atas); background-attachment adalah "katalisator" utama dari jenis latar belakang ini. Ini digunakan untuk memberi tahu posisi latar belakang dan disarankan agar tidak diubah.
Latar belakang desktop adalah cara yang bagus untuk mempersonalisasi lingkungan Windows Anda. Anda dapat menampilkan film, grup musik, atau keluarga favorit Anda. Fitur baru bahkan memungkinkan Anda untuk memutar di antara latar belakang desktop yang berbeda untuk membantu Anda mengubah banyak hal.
Ingin membuka situs web favorit Anda bahkan tanpa harus masuk ke Internet? Baca terus! Metode ini ditulis untuk Windows, dan jika Anda tidak terhubung ke internet, Anda tidak akan melihat versi situs terbaru. Langkah 1.
Blogger biasanya mengubah latar belakang blog untuk membuat blog mereka lebih menarik secara visual bagi pengunjung. Namun, gambar latar belakang yang ditambahkan secara tidak benar dapat membingungkan pemirsa dan menyebabkan pengunjung menelusuri blog Anda.
Utilitas Format Background di PowerPoint memungkinkan Anda memilih gambar dari komputer atau online untuk digunakan sebagai latar belakang slide Anda. Anda dapat mengatur latar belakang ini ke beberapa slide sekaligus, atau menerapkannya ke seluruh presentasi Anda.
Selama bertahun-tahun, antarmuka halaman web Facebook telah mengalami banyak perubahan; dari Dinding ke Garis Waktu. Tetapi opsi untuk menyesuaikan latar belakang tidak pernah ada. Satu-satunya bagian yang dapat Anda sesuaikan adalah gambar tampilan dan foto sampul akun Anda.
