Background Code HTML
Kode HTML untuk mengatur background website sangat sederhana dan mudah dipelajari. Berikut beberapa cara mengatur background website menggunakan kode HTML:
1. Mengatur Warna Background
Untuk mengatur warna background website, Anda dapat menggunakan tag <body>
dan atribut style
dengan properti background-color
. Berikut contohnya:
Background Warna
Ini adalah judul
Ini adalah paragraf.
Kode di atas akan menampilkan website dengan background berwarna biru muda (lightblue
). Anda dapat mengganti warna lightblue
dengan warna lain yang Anda inginkan.
2. Mengatur Gambar Background
Untuk mengatur gambar sebagai background website, Anda dapat menggunakan tag <body>
dan atribut style
dengan properti background-image
. Berikut contohnya:
Background Gambar
Ini adalah judul
Ini adalah paragraf.
Kode di atas akan menampilkan website dengan gambar gambar.jpg
sebagai background. Pastikan gambar gambar.jpg
berada di folder yang sama dengan file HTML Anda atau tentukan path yang benar ke gambar tersebut.
3. Mengatur Ukuran Gambar Background
Anda dapat mengatur ukuran gambar background dengan properti background-size
pada atribut style
. Berikut contohnya:
Background Gambar
Ini adalah judul
Ini adalah paragraf.
Kode di atas akan menampilkan website dengan gambar gambar.jpg
sebagai background dan ukuran gambar akan disesuaikan agar menutupi seluruh area website. Anda dapat menggunakan nilai contain
untuk menyesuaikan gambar agar muat dalam area website tanpa terpotong.
4. Mengatur Posisi Gambar Background
Anda dapat mengatur posisi gambar background dengan properti background-position
pada atribut style
. Berikut contohnya:
Background Gambar
Ini adalah judul
Ini adalah paragraf.
Kode di atas akan menampilkan website dengan gambar gambar.jpg
sebagai background dan posisi gambar akan berada di tengah area website. Anda dapat mengatur posisi gambar dengan nilai top
, bottom
, left
, right
, atau kombinasi dari nilai-nilai tersebut.
5. Mengatur Pengulangan Gambar Background
Anda dapat mengatur pengulangan gambar background dengan properti background-repeat
pada atribut style
. Berikut contohnya:
Background Gambar
Ini adalah judul
Ini adalah paragraf.
Kode di atas akan menampilkan website dengan gambar gambar.jpg
sebagai background dan gambar tidak akan diulang. Anda dapat menggunakan nilai repeat
, repeat-x
, atau repeat-y
untuk mengatur pengulangan gambar.
6. Mengatur Kecepatan Scrolling Background
Anda dapat mengatur kecepatan scrolling background dengan properti background-attachment
pada atribut style
. Berikut contohnya:
Background Gambar
Ini adalah judul
Ini adalah paragraf.
Kode di atas akan menampilkan website dengan gambar gambar.jpg
sebagai background dan gambar akan tetap diam saat halaman di-scroll. Anda dapat menggunakan nilai scroll
untuk membuat gambar background bergerak bersamaan dengan scrolling halaman.
Kesimpulan
Kode HTML untuk mengatur background website sangat mudah dan fleksibel. Anda dapat menggunakan kombinasi dari berbagai properti untuk mencapai tampilan yang Anda inginkan. Dengan memahami kode HTML dasar, Anda dapat dengan mudah membuat website yang menarik dan profesional.