Situs nyarang: kumaha carana sangkan gambar tukang html

Loba web désainer novice, ukur keur delve kana hakekat kreasi loka, mindeng heran cara ngalakukeun gambar tukang html. Tur upami sawatara di antarana bisa nungkulan masalah ieu, éta kénéh masalah dina waktu manjang sakabéh rubak gambar dina monitor. Dina waktu nu sarua Abdi hoyong ningali situs dipintonkeun identik dina sagala panyungsi, jadi sakuduna minuhan sarat tina cross-browser. Anjeun tiasa nyetel tukang dina dua cara: ku cara maké Tag HTML jeung gaya CSS. Unggal keur dirina pilih pilihan pangalusna. Tangtu, gaya CSS leuwih merenah, sabab kode na disimpen dina file misah jeung teu butuh nepi speaker tambahan di tag situs utama urang, tapi mimitina hayu urang nganggap metoda basajan pikeun masang gambar kana kasang tukang di loka éta.

tag HTML dasar pikeun nyieun tukang

Ku kituna, urang buka sual kumaha carana sangkan gambar latar dina html dina layar. Dina raraga néangan situs geulis, anjeun kudu ngarti salah jéntré rada penting: éta cukup ngan nyieun latar gradién atanapi cet hiji warna padet, tapi lamun anjeun kudu nyelapkeun gambar latar, eta moal manteng lebar pinuh ku monitor. gambar asalna perlu nyokot atawa nyieun desain sorangan kalawan extension ieu, nu anjeun bakal nembongkeun kaca loka éta. Ngan lamun gambar latar nyaéta siap, sered kana folder ngaranna «Gambar». Dina eta, urang baris nyimpen sakabeh gambar dipaké, animasi jeung payel grafis lianna. folder Ieu sakuduna lokasina di diréktori akar kalayan sagala file html Anjeun. Ayeuna anjeun bisa ngaléngkah jeung ka kode teh. Aya sababaraha pilihan pikeun kode tulisan, ku nu tukang bakal ngarobah gambar.

1. Tulis atribut tag.
2. Ngaliwatan gaya CSS di kode HTML.
3. Nulis gaya CSS dina file misah.

Saperti dina HTML nyieun gambar latar, mutuskeun, tapi Abdi hoyong ngomong sababaraha kecap ngeunaan kumaha eta bakal paling optimal. Metodeu kahiji nyaeta ku cara nulis ngaliwatan atribut tag geus lila leungit. Pilihan kadua dipaké jarang, sabab tétéla yén loba kodeu sarua. Hiji pilihan katilu téh nu paling umum tur éféktif. Di dieu conto tag HTML:

1. Metodeu rekaman munggaran ngaliwatan atribut tag (awakna) dina file index.htm. Eta disimpen dina formulir ieu: (tukang awak = "folder_name / Nazvanie_kartinki.rasshirenie") (/ awak). Hartina, lamun urang boga gambar kalawan judul «Gambar» jeung extension JPG, sarta folder kami ngaranna «Gambar», teras asupna HTML-kode bakal kasampak kawas kieu: (tukang awak = "Gambar / Picture.jpg") ... (/ badan) .
2. Metodeu kadua ngawengku ngarekam hiji gaya CSS, tapi ieu tulisan dina file anu sarua jeung ngaran index.htm. (Awak gaya = "latar: url ( 'Gambar ../ / Picture.jpg')").
3. Metodeu katilu tina rékaman dijieun dina dua payel. Dokumén kalawan tag nami index.htm (sirah) anu ditulis mangrupa garis misalna: (sirah) (link rel = "stylesheet" tipe = "text / css" href = "http: // loka / artikel / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_faylu ") (/ sirah). A file disebut gaya style.css geus nyerat: awakna {tukang: url (Gambar / Picture.jpg ')}.

Saperti dina HTML nyieun gambar latar, urang ngarti. Ayeuna anjeun kudu angka kaluar kumaha carana manteng gambar peuntas rubak sakabéh layar.

Cara ka manteng gambar latar ka rubak jandela

Urang ngagambarkeun layar urang dina wangun perséntase. Tétéla yén sakabeh lebar tur panjangna layar bakal 100% × 100%. Urang kudu manteng gambar ka lebar ieu. Tambahkeun ka file gambar rekaman style.css garis anu bakal manteng gambar ngaliwatan sakabéh lebar tur panjangna ti monitor. Sakumaha anu ditulis dina gaya CSS? Ieu basajan!

awak

{

latar: url (Gambar / Picture.jpg ')

tukang-ukuran: 100%; / * Pos Ieu cocog pikeun paling panyungsi modéren * /

}

Sangkan ilahar kaluar kumaha carana sangkan latar gambar di html dina layar. Aya ogé metoda ngarekam dina file index.htm. Padahal metoda ieu sarta tinggaleun jaman, tapi pikeun beginners perlu nyaho jeung ngarti. Tag (sirah) (gaya) div {tukang-ukuran: panutup; } (/ Style) (/ sirah), catetan ieu ngandung harti yén urang allocate hiji Unit husus keur tukang, anu bakal diposisikan leuwih sakabéh rubak jandela. Kami geus dianggap dua cara, kumaha carana sangkan situs html gambar latar, supaya gambar kasebut stretched ka sakabéh rubak layar dina salah sahiji panyungsi modérn.

Kumaha sangkan hiji tukang dibereskeun

Lamun mutuskeun pikeun ngagunakeun gambar hiji salaku tukang tina sumberdaya web hareup, mangka anjeun ngan peryogi kauninga kumaha nyieun dibereskeun, meh teu stretched panjangna jeung henteu bari penampilan estetika. Cukup ku ngagunakeun kode HTML pikeun ngadaptar salian leutik. Anjeun kedah berkas style.css pikeun nambahkeun frase a sanggeus tukang: url (Gambar / Picture.jpg ') dibereskeun; atawa gantina ditambahkeun sanggeus titik koma garis misah - posisi: dibereskeun. Ku kituna, wallpaper anjeun bakal dibenerkeun. Salila ngagulung eusi dina situs, Anjeun bakal ningali yén téks garis nu pindah, tapi tukang tetep di tempat. Jadi maneh diajar kumaha carana do gambar tukang html, dina sababaraha cara.

Gawe sareng Tables dina HTML

Loba pamekar web inexperienced, Nyanghareupan tabel sarta blok, mindeng teu ngarti kumaha carana sangkan méja tukang gambar html. Kawas sakabeh tim HTML gaya na CSS, bahasa programming web anu cukup basajan. Jeung solusi pikeun masalah ieu nulis sapasang garis kode. Anjeun kudu geus nyaho yén nulis daptar barisan sarta kolom masing-masing sakumaha dituduhkeun ku tag (TR) jeung (TD). Sangkan latar tukang tabel dina bentuk hiji gambar, perlu ditambahkeun kana tag (tabel), (TR) atawa (TD) a frase basajan kalawan rujukan ka gambar rujukan: tukang = gambar URL. Pikeun kajelasan, urang masihan sababaraha conto.

Tabel sareng gambar tinimbang tukang: conto HTML

Ngagambar tabel 2x3 jeung nyieun gambar tukang disimpen di "Gambar" folder: (tukang tabel = "Gambar / Picture.jpg") (TR) (TD) 1 (/ TD) (TD) 2 (/ TD) (TD) 3) (/ TD) (/ TR) (TR) (TD) 4 (/ TD) (TD) 5 (/ TD) (TD) 6 (/ TD) (/ TR) (/ tabel). Jadi tabel kami bakal digambar dina latar tukang gambar.

Ayeuna tarik ukuran piring sarua 2x3, tapi nyelapkeun gambar dina kolom wilanganana 1, 4, 5 sarta 6. (tabel) (TR) (tukang TD = "Gambar / Picture.jpg") 1 (/ TD) (TD) 2 (/ TD) (TD) 3 (/ TD) (/ TR) (TR) (TD tukang = "Gambar / Picture.jpg") 4 (/ TD) (TD tukang = "Gambar / Picture.jpg") 5 ( / TD) (tukang TD = "Gambar / Picture.jpg") 6 (/ TD) (/ TR) (/ tabel). Saatos ningali urang bisa nempo yén tukang mucunghul ngan dina eta sél nu urang didaptarkeun, teu sakabeh méja.

situs kasaluyuan cross-browser

Aya hiji hal anu saperti cross-browser sumberdaya kasaluyuan wéb. Ieu ngandung harti yén situs anjeun sarua ogé ditingal dina jenis sarta vérsi panyungsi béda. Ayeuna kudu kode HTML jeung CSS gaya mun ngaropea hiji panyungsi perlu. Leuwih ti éta, di jaman modern telepon pinter, loba pamekar web nyoba nyieun situs jeung diadaptasi pikeun Vérsi mobile jeung tampilan komputer.