Pae kōhanga: me pehea ki te hanga i te pikitia papamuri html

He maha kaihoahoa tukutuku tauhou, anake ki ruku hōhonu ia ki te mauri o te hanganga o ngā pae, maha fifili pehea ki te mahi i html papamuri image. A, ki te taea etahi o ratou mahi ki tenei raruraru, ko reira tonu he raruraru i te wa o totoro te whanui katoa o te whakapakoko i runga i te aroturuki. I te wa ano e rite ahau ki te kite e whakaaturia ōrite i runga i ngā pūtirotiro katoa te pae, na kia whakarite i reira nga whakaritenga o ripeka-pūtirotiro. Ka taea e koe te whakaturia te papamuri i roto i ara e rua: na roto i te te whakamahi i ngā tūtohu HTML me ngā kāhua CSS. Ia hoki ia whiriwhiri te kōwhiringa pai. O te akoranga, ko te nui atu watea kāhua CSS, no te mea kei te rongoa tona waehere i roto i te kōnae motuhake, me te kore e tangohia ake anō kaikōrero i roto i ngā tūtohu o te pae matua, engari i te tuatahi kia whakaaro tatou he tikanga ohie mō te tāuta i te whakapakoko i runga i te papamuri o te pae.

tūtohu HTML Basic ki te waihanga i te papamuri

Na, haere tatou ki te pātai o te pehea, ki te hanga i te whakapakoko papamuri i roto i html i runga i te mata. I roto i te tikanga ki te titiro te pae ataahua, me matau koutou kotahi taipitopito kaua nui: ko reira nui noa ki te hanga i te papamuri rōnaki ranei peita reira he tae totoka, engari ki te hiahia koutou ki te kōkuhu i te whakapakoko papamuri, e kore e totoro reira te whanui tonu o te aroturuki. Ko te whakapakoko i tuatahi tika ki te tiki ake kia koutou ake hoahoa ki tenei toronga, i roto i nei e whakaatu e koe whārangi o te pae ranei. Anake ka he rite te whakapakoko papamuri, toia reira ki te kōpaki, ko «Images». I roto i te reira, ka rokiroki matou nga whakapakoko whakamahia katoa, pakiwaituhi me ētahi atu kōnae whakairoiro. kia Kei tēnei kōpaki i roto i te whaiaronga pakiaka ki o koutou kōnae katoa html. Na ka taea e koe te neke i runga i me ki te waehere. He maha ngā kōwhiringa mō te waehere tuhituhi, i nei e huri i te papamuri te pikitia.

1. Tuhia huanga tūtohu.
2. Na roto i kāhua CSS i roto i te waehere HTML.
3. Tuhia ngā kāhua CSS i roto i te kōnae motuhake.

Ka rite ki i roto i te HTML ki te hanga i te whakapakoko papamuri, whakatau koe, engari e hiahia ana ahau ki te mea i te torutoru nga kupu e pā ana ki te pehea e waiho ai te tino arotau tino. Ko te tikanga tuatahi, ko te na roto i te tuhituhi i roto i te huanga tūtohu kua roa kua tawhitotia. whakamahia te kōwhiringa tuarua ko te tino uaua, no te mea tahuri te reira i roto i taua he rota o te waehere kotahi. Ko te tino noa, me te whai hua te tuatoru kōwhiringa. Tenei he tauira o ngā tūtohu HTML:

1. Ko te tikanga tuhi tuatahi i roto i te huanga tūtohu (tinana) i roto i te kōnae index.htm. Kei te rongoa te reira i roto i tenei puka: (papamuri tinana = "folder_name / Nazvanie_kartinki.rasshirenie") (/ tinana). Ko, ki te whai tatou he pikitia ki te taitara «Pikitia» me toronga JPG, me te kōpaki tatou ko «Images», na ka titiro te tomokanga HTML-waehere rite tenei: (papamuri tinana = "Images / Picture.jpg") ... (/ tinana) .
2. Ko te tikanga tuarua tā tuhi i te kāhua CSS, engari te mea i roto i te kōnae taua ki te ingoa index.htm tuhituhi. (Body kāhua = "papamuri: url ( 'Images ../ / Picture.jpg')").
3. hanga te tikanga tuatoru o te tuhi i roto i ngā kōnae e rua. (Upoko) (hono rel = "raukāhua" momo = "kuputuhi / CSS" href = "http:: // pae / tuhinga / 193110 /% D0% 9f te tuhinga ki te tūtohu ingoa index.htm (upoko) he taua raina i tuhituhia % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_faylu ") (/ upoko). kua tuhituhi tētahi kōnae i huaina kāhua style.css: tinana {papamuri: url (Images / Picture.jpg ')}.

Ka rite ki i roto i te HTML ki te hanga i te whakapakoko papamuri, matau tatou. Na e hiahia ana koe ki te feruri i roto i pehea ki te totoro te whakapakoko puta noa te whanui o te mata katoa.

Ara ki te totoro te whakapakoko papamuri ki te whanui o te matapihi

tohu tatou i to tatou mata i roto i te puka o te ōrau. Huri i te reira i roto i taua ka hei te whanui katoa, me te roa o te mata 100% × 100%. E ti'a ia tatou ki te totoro i te whakapakoko ki tenei whanui. Tāpiri ki te kōnae image raina tuhi style.css e ka totoro te whakapakoko i runga i te whanui katoa, me te roa o te aroturuki. Ka rite ki te mea i tuhituhia i roto i te kāhua CSS? E mea ohie!

tinana

{

papamuri: url (Images / Picture.jpg ')

papamuri-rahi: 100%; / * He e tika ana mō te nuinga o ngā pūtirotiro hou tenei pou * /

}

Na ngā matou i roto i pehea ki te hanga i te papamuri pikitia i roto i te html i runga i te mata. He he ano hoki te tikanga o te tuhi i roto i te kōnae index.htm. Ahakoa tenei tikanga, me te tawhito, engari mo te tīmata, ko te mea e tika ana ki te mohio me te matau. Ko te tūtohu (upoko) (kāhua) Tauoti {papamuri-rahi: taupoki; } (/ Kāhua) (/ upoko), te tikanga o tenei record e tohatoha tatou he kōwae motuhake mo te papamuri, ka e kia tūnga i runga i te whanui katoa o te matapihi. Kua whakaaro matou e rua ara, me pehea ki te hanga i te pae html papamuri pikitia, kia totoro te whakapakoko e ki te whanui katoa o te mata i roto i tetahi o nga pūtirotiro hou.

Me pēhea te ki te hanga i te papamuri whakaritea

Ki te whakatau koe ki te whakamahi i te pikitia rite te papamuri o te rauemi tukutuku heke mai, ka hiahia tika koe ki te mohio me pehea ki te hanga i whakaritea ai, na e kore te mea totoro i roto i te roa, me te kore i pahua te ahua rerehua. Noa mā te whakamahi i waehere HTML ki te rēhita i te tua iti. Me koe ki te kōnae style.css ki te tāpiri i te parau i muri papamuri: url (Images / Picture.jpg ') whakaritea; ranei hei utu tāpiri i muri i te irapiko raina motuhake - tūranga: whakaritea. Ko te kupu, ka kia whakaritea tou pepapātū. I roto i panuku te ihirangi i runga i te pae, ka kite koe i taua kuputuhi e neke aho, engari tonu te whakamārama i roto i te wahi. Na ako koe me pehea ki te mahi i te whakapakoko papamuri html, i roto i te maha ngā huarahi.

Te mahi ki te Tables i HTML

He maha ngā tukutuku ngawari, fehangahangai ki tepu me poraka, maha e kore matau e founga ki te hanga i tepu html image papamuri. Ka rite ki te katoa ngā kapa HTML momo me te CSS, ko tino ohie te reo papatono tukutuku. Na te otinga ki tenei raruraru, ko te ki te tuhituhi i te rua o ngā rārangi o te waehere. kia kē mohio koe e tuhi i te tepu o nga rarangi, me tīwae, aua, rite tohua e te tūtohu (tr) me (TD). Ki te hanga te papamuri o te tepu i roto i te puka o te whakapakoko, he mea e tika ana ki te tāpiri ki te tūtohu (tepu), (tr) ranei (TD) he parau ohie ki tohutoro ki te whakapakoko tohutoro: papamuri = URL pikitia. Hoki mārama, hoatu tatou o tauira te tokorua.

Ripanga ki te pikitia hei utu o te papamuri: tauira HTML

Te utu i te tepu 2x3, ka hanga i te reira i te whakapakoko papamuri rongoa i roto i te kōpaki "Images": (papamuri tepu = "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) (/ ripanga). Na to tatou tepu ka kia i te papamuri o te pikitia unu.

Na te utu i te rahi pereti ano o 2x3, engari kōkuhu he pikitia i roto i taua 1, 4, 5 me te 6. (tepu) nga tīwae (tr) (TD papamuri = "Images / Picture.jpg") 1 (/ TD) (TD) 2 (/ TD) (TD) 3 (/ TD) (/ tr) (tr) (TD papamuri = "Images / Picture.jpg") 4 (/ TD) (TD papamuri = "Images / Picture.jpg") 5 ( / TD) (TD papamuri = "Images / Picture.jpg") 6 (/ TD) (/ tr) (/ ripanga). I muri i te mātakitaki i taea kite tatou e puta i te papamuri anake i roto i te hunga pūtau i roto i nei rēhitatia matou, a kahore te tepu katoa.

pae hototahi Cross-pūtirotiro

He he he mea pēnei i te ripeka-pūtirotiro rauemi tukutuku hototahi. tikanga o tēnei e te ōrite pai whakaaturia koutou pae i roto i ngā momo rerekē me putanga o pūtirotiro. E tika ana kia waehere HTML momo me te CSS ki te whakarite i te pūtirotiro e tika ana. Ano, i roto i te wā hou o waea atamai, e tamata maha ngā tukutuku ki te hanga i ngā pae me takatūria mō te putanga pūkoro me te titiro rorohiko.