Situs nyarang: carane nggawe Gambar latar mburi html

Akeh web perancang anyar, mung kanggo delve menyang hakekat nggawe Camping, asring wonder apa gambar latar mburi html. Lan yen sawetara wong bisa menehi hasil karo masalah iki, iku isih masalah ing wektu mulet sing jembaré kasil gambar ing monitor. Sanalika aku kaya kanggo ndeleng situs ditampilake identik ing kabeh browser, supaya ngirim nepaki syarat salib-browser. Sampeyan bisa ngeset latar mburi ing rong cara: nggunakake tags lan gaya CSS. Saben kanggo awake milih pilihan sing paling apik. Mesthi, gaya CSS luwih trep, amarga kode sawijining disimpen ing file kapisah lan ora njupuk munggah pamicara liyane ing tags situs utamane, nanging keparenga kita nimbang cara prasaja kanggo nginstall gambar ing latar mburi ing situs iki.

tags dhasar kanggo nggawe latar mburi

Dadi, kita menyang pitakonan saka carane nggawe gambar latar mburi ing html ing layar. Supaya katon situs ayu, sampeyan kudu ngerti siji rinci rada penting: iku cukup mung kanggo nggawe latar mburi jurang pemisah utawa Paint iku werna sing ngalangi, nanging yen sampeyan kudu masang gambar latar mburi, iku ora babagan jembaré kebak monitor. gambar Originally perlu kanggo Pick munggah utawa nggawe desain dhewe karo extension iki, sing bakal nampilake kaca situs. Mung nalika gambar latar mburi siap, seret menyang folder dijenengi «Images». Ing iku, kita bakal nyimpen kabeh gambar digunakake, animasi lan file Graphic liyane. Folder iki kudu dumunung ing direktori ROOT karo kabeh file html Panjenengan. Saiki sampeyan bisa nerusake lan kanggo kode. Ana sawetara opsi kanggo kode nulis, kang latar mburi bakal ngganti gambar.

1. Tulis ngubungake tag.
2. Liwat gaya CSS ing kode HTML.
3. Tulis gaya CSS ing file kapisah.

Minangka ing HTML kanggo nggawe gambar latar mburi, arep, nanging aku seneng ngomong sing words sawetara bab carane bakal paling optimal. Cara kapisan dening nulis liwat ngubungake tag wis dawa wis lungse. Pilihan kapindho digunakake arang banget, amarga iku dadi metu sing akèh kode padha. A pilihan katelu paling umum lan efektif. Kene conto tags:

1. Cara rekaman pisanan liwat ngubungake tag (awak) ing file index.htm. Iku wis disimpen ing wangun iki: (latar mburi awak = "folder_name / Nazvanie_kartinki.rasshirenie") (/ awak). Sing, yen kita duwe Gambar judul «Picture» lan extension JPG, lan folder kita dijenengi «Images», banjur entri HTML-kode bakal katon kaya iki: (latar mburi awak = "Images / Picture.jpg") ... (/ awak) .
2. Cara kapindho melu ngrekam gaya CSS, nanging ditulis ing berkas sing padha karo jeneng index.htm. (Body style = "background: url ( 'Images ../ / Picture.jpg')").
3. Cara katelu saka rekaman digawe ing loro file. The document karo tag jeneng index.htm (sirah) wis ditulis baris kuwi: (sirah) (link rel = "stylesheet" tipe = "text / css" href = "http: // situs / artikel / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_faylu ") (/ sirah). A file disebut gaya style.css wis nulis: awak {latar mburi: url (Images / Picture.jpg ')}.

Minangka ing HTML kanggo nggawe gambar latar mburi, kita mangertos. Saiki sampeyan kudu tokoh metu carane babagan gambar tengen jembaré saka layar kabeh.

Cara kanggo babagan gambar latar mburi menyang jembaré saka jendhela

We makili layar kita ing wangun persentasi. Pranyata metu sing wutuh jembaré lan dawa layar bakal 100% × 100%. We kudu babagan gambar kanggo jembaré iki. Tambah berkas gambar ngrekam style.css baris sing bakal babagan gambar liwat kabeh jembaré lan dawa saka monitor. Kaya kang katulis ing gaya CSS? Iku prasaja!

awak

{

latar mburi: url (Images / Picture.jpg ')

latar mburi-size: 100%; / * Kirim iki cocog kanggo paling browser modern * /

}

Supaya kita pikir metu carane nggawe background Gambar ing html ing layar. Ana uga cara kang ngrekam ing file index.htm. Sanadyan iki cara lan outdated, nanging kanggo wiwitan iku perlu ngerti lan ngerti. Tag (sirah) (gaya) div {latar mburi-size: tutup; } (/ Gaya) (/ sirah), rekaman iki tegese kita nyedhiakke unit khusus kanggo latar mburi, kang bakal dipanggonke liwat kabeh jembaré saka jendhela. We wis dianggep rong cara, carane nggawe situs html Gambar latar mburi, supaya gambar dowo kanggo kabeh layar lebar ing samubarang browser modern.

Carane nggawe latar mburi tetep

Yen sampeyan arep kanggo nggunakake gambar minangka latar mburi sumber web mangsa, sampeyan mung kudu ngerti carane wis tetep, supaya ora digawe dowo ing dawa lan ora spoil katon estetis. Mung kanthi nggunakake kode HTML kanggo ndhaftar Saliyane cilik. Sampeyan perlu kanggo file style.css kanggo nambah tembung sawise latar mburi: url (Images / Picture.jpg ') tetep; utawa tinimbang ditambahaké sawisé titik koma baris kapisah - posisi: tetep. Mangkono, wallpaper bakal tetep. Sak nggulung isi ing situs, sampeyan bakal weruh sing teks garis sing obah, nanging latar mburi tetep ing panggonan. Supaya sampeyan sinau piye carane gambar latar mburi html, ing sawetara cara.

Nggarap Tables ing HTML

Akeh gawe web inexperienced, ngadhepi karo tabel lan pamblokiran, kerep ora ngerti carane nggawe meja latar mburi gambar html. Kaya kabeh tim HTML gaya lan CSS, basa program web nyedhaki prasaja. Lan solusi kanggo masalah iki kanggo nulis pasangan saka garis kode. Sampeyan kudu wis ngerti sing nulis Tabel saka baris lan kolom, mungguh, minangka dituduhake dening tags (tr) lan (td). Kanggo nggawe latar mburi meja ing wangun saka gambar, iku perlu kanggo nambah tag (meja), (tr) utawa (td) tembung prasaja karo referensi kanggo gambar referensi: latar mburi = gambar URL. Kanggo kajelasan, kita menehi saperangan saka conto.

Tabel karo gambar tinimbang latar mburi: conto HTML

Gambar Tabel 2x3 lan wis gambar latar mburi disimpen ing "Images" folder: (latar mburi meja = "Images / Picture.jpg") (tr) (td) 1 (/ td) (td) 2 (/ td) (td) 3) (/ td) (/ tr) (tr) (td) 4 (/ td) (td) 5 (/ td) (td) 6 (/ td) (/ tr) (/ meja). Dadi kita Tabel bakal digambar ing latar mburi gambar.

Saiki tarik ukuran piring padha 2x3, nanging masang gambar ing kolom angka 1, 4, 5 lan 6. (meja) (tr) (latar mburi td = "Images / Picture.jpg") 1 (/ td) (td) 2 (/ td) (td) 3 (/ td) (/ tr) (tr) (td latar mburi = "Images / Picture.jpg") 4 (/ td) (td latar mburi = "Images / Picture.jpg") 5 ( / td) (latar mburi td = "Images / Picture.jpg") 6 (/ td) (/ tr) (/ meja). Sawisé nonton kita bisa ndeleng sing latar mburi katon mung sing sel kang kita kedhaftar, lan ora kabèh meja.

Situs kompatibilitas Cross-browser

Ana barang kaya salib-browser sumber kompatibilitas web. Iki tegese situs wis merata uga ditampilake ing jinis lan versi browser beda. Sampeyan ngirim dadi kode HTML lan CSS gaya kanggo ngatur browser perlu. Menapa malih, ing jaman modern telpon pinter, akeh gawe web sing nyoba kanggo nggawe Camping lan dicocogake kanggo versi seluler lan dipikir komputer.