Cara membuat latar belakang dalam HTML

Dalam mengkonfigurasi situs apa pun, selain fungsionalitas, desainnya sangat penting. Ini adalah bagaimana gaya dan desain perusahaan atau orang tersebut sendiri, di mana situs tersebut dibuat. Kustomisasi warna latar belakang dan gambarnya tidak akan bekerja, mengikuti instruksi dalam artikel ini.

Buka file HTML Anda dengan notebook atau editor teks lainnya yang Anda terbiasa.

Misalnya, ambil halaman situs primitif dengan teks minimum. Anda dapat membuka file Anda menggunakan browser apa pun.

Untuk memulainya, ubah warna latar belakang Anda, karena orang dengan koneksi internet lambat tidak akan segera dapat melihat gambar latar belakang situs. Sejumlah waktu hingga gambar dimuat, mereka hanya dapat melihat warna situs Anda.
Masukkan tag \u003cbody\u003e \u003cbody\u003e parameter bgcolor \u003d "*****", di mana ***** adalah cipher warna. Anda dapat mempelajari warna untuk HTML di editor grafis apa pun dengan memilih opsi "untuk Veb" atau di situs https://colorscheme.ru/color-names.

Cukup bagi Anda untuk memilih warna di palet lingkaran dan menetapkan intensitasnya dalam kerangka alun-alun. Di sebelah kanan Anda akan melihat dua kode untuk HTML. Salin dan masukkan ke dalam notebook.

Menemukan warna dan memasukkannya ke dalam kode, lihat apakah Anda melakukan semuanya dengan benar, melihat halaman web yang dihasilkan dari browser.

Sekarang Anda dapat melanjutkan ke penyisipan gambar latar belakang. Tempatkan gambar yang diinginkan di folder kode untuk kenyamanan yang lebih besar. Tanyakan padanya nama surat latin.

Sekarang cari tahu lokasi file dengan mengkliknya dengan tombol mouse kanan dengan memilih string "buka menggunakan" dan mengklik pada browser apa pun yang diinstal pada komputer Anda.

Salin alamat dari bilah pencarian browser Anda.

Sekarang di tag \u003cbody\u003e, masukkan string:

style \u003d "Background-image: URL ('file: /// c: /ussers/pail_file.jpg')"

Simpan file Anda.

Periksa halaman web Anda. Anda akan melihat bahwa latar belakang disubstitusi di bawah teks Anda.

Harap dicatat bahwa pengguna yang memiliki resolusi layar yang lebih besar, gambar Anda akan diduplikasi bawah dan kanan. Tidak akan terlihat baik, jika gambar tidak monophonic a. Untuk memperbaiki parameter ini ada perintah khusus.

background-repeat.: “Berarti". Pilihan nilai Anda mungkin: " rEPEAT-X " - Mengulang gambar latar belakang Anda dan horizontal, dan vertikal. " rEPEAT-Y " - Pengulangan hanya secara vertikal. " no-repeat " - Gambar beku di tempat dan tidak diulang. " ruang angkasa " - Seluruh halaman akan diisi dengan jumlah maksimum salinan gambar, ekstrim akan membual. " bulat " - pilihan yang sama, tetapi pada tepi gambar akan diperkecil dengan hati-hati;
background-Lampiran: "Nilai". Jika kita mengganti bukannya kata TEG makna " menggulir"Gambar akan bergulir bersama dengan situs. " tetap"- ketika bergulir latar belakang tetap tidak berubah;
background-Size: nilai nilai2. Berikut nilai-nilai harus mengambil jumlah dalam piksel. Sebagai contoh: 100px 200px. Selain piksel, nilai-nilai yang diterima dalam persen. Ini adalah parameter untuk mengisi halaman gambar. Selain nomor, Anda dapat memasukkan dua parameter: " berisi"- mengisi halaman dengan gambar di sepanjang sisi panjang dan" menutupi."- mengisi halaman dengan gambar lebar.