Te Tāpiri i nga Images ki nga Whārangi Tukutuku

Tirohia tetahi paetukutuku ipurangi i tenei ra, a, ka kite koe ka wehewehea etahi mea ki a koe. Ko tetahi o aua ahuatanga ko nga whakaahua. Ko nga whakaahua tika e tapiri atu ana ki te whakaaturanga o te paetukutuku. Ko etahi o aua whakaahua, ano he tohu a te kamupene, ka awhina i te pae, ka hono atu i taua hinonga mamati ki to kamupene tinana.

Hei tapiritia he ahua, ata, he whakairoiro ki to wharangi tukutuku, me whakamahi koe i te tohu i te waehere HTML a te wharangi. Ka waiho e koe te tohu IMG i to HTML i te wahi katoa e hiahia ana koe kia whakaatuhia e te whakairoiro. Ko te pūtirotiro tukutuku e tuku ana i te waehere o te whārangi ka whakakapi i tenei tūtohu ki te whakairoiro tika i te wa e tirohia ana te whārangi. Ma te hoki ki to tauira tauira o to kamupene, koinei te huarahi ka taea e koe te whakauru i taua ahua ki to pae:

Ngā Āhua Atahanga

Ka titiro ki te waehere HTML o runga, ka kite koe i te huanga e rua nga huanga. Kei te hiahiatia raanei mo te ahua.

Ko te huanga tuatahi ko te "src". Koinei te ahua o te kōnae ahua e hiahia ana koe kia whakaatuhia i te whaarangi. I roto i to tatou tauira kei te whakamahi tatou i te kōnae e karangatia ana "logo.png". Koinei te whakairoiro e whakaatuhia ana e te pūtirotiro tukutuku i tana wahanga i te pae.

Ka kite hoki koe i mua i te ingoa o tenei ingoa, i tapiritia etahi atu korero, "/ images /". Koinei te ara kōnae. Ko te raupapa o mua ka korero ki te tūmau kia titiro ki te pakiaka o te whaiaronga. Ko reira ka rapuhia he kohinga e huaina ana ko "nga atahanga" me te mutunga o te ingoa i huaina "logo.png". Mā te whakamahi i te kōpaki e kīia ana ko "whakapakoko" ki te penapena i nga whakairoiro o te pae he tikanga tino noa, engari ka hurihia to ara kōnae ki tetahi mea e tika ana mo to pae.

Ko te tikanga tuarua ko te "alt" kuputuhi. Koinei te "tuhinga rereke" e whakaatuhia ana ki te kore te whakapakoko e uta mo etahi take. Ko tenei kuputuhi, e whakaatu ana i roto i ta tatou tauira i te "Kamupene Kamupene" ka whakaatuhia ki te kore te whakapakoko e uta. No te aha e tupu ai? He maha nga take:

He waahi noa enei e taea ai he aha te ngaro o to maatau whakaahua. I roto i enei take, ka whakaatuhia to tautuhi i to kuputuhi.

Kei te whakamahia hoki te kuputuhi taunoa e te kaituhi korero matapaki ki te "panui" i te ahua ki te manuhiri kaore i pakaru te kite. No te mea e kore e taea e ratou te kite i te ahua kia rite ki ta tatou e mahi nei, ka taea e tenei kuputuhi te mohio ki te ahua o te ahua. Koinei te take e hiahiatia ai te reo tiketike me te aha e tika ai te whakaatu i te ahua o te ahua!

Ko te pohehe noa o te kuputuhi teitei, ko te mea e tika ana mo nga kaupapa rapu engine. Ehara tenei i te mea pono. Ahakoa ko Google me etahi atu engines rapu e tuhi ana i tenei kuputuhi hei whakatau i te ahua o te ahua (mahara, kaore e taea te "kite" i to pikitia), kaore koe e tuhi i te kuputuhi tawhito ki te tono anake ki nga engines rapu. Ko te kaituhi tuhinga kuputuhi ake e pa ana ki te tangata. Mena ka taea ano e koe te whakauru i etahi kupu matua ki te tohu e piira ana ki nga engines rapu, he pai tena, engari kia mau tonu te whakamahi i te kuputuhi o te rangi ki tana kaupapa tuatahi ma te whakaatu i te ahua o te ahua mo te tangata e kore e kite i te kōnae whakairoiro.

Ētahi Atu Taonga

Ko te tūtohu IMG ano hoki e rua atu nga huanga e kitea ana e koe ina whakamahia e koe he whakairoiro ki to wharangi tukutuku - te whanui me te teitei. Hei tauira, ki te whakamahi koe i te kaiwhakahaere WYSIWYG ano ko Dreamweaver, ka tapiritia e ia tenei korero mo koe. Anei he tauira:

Ko nga huanga WIDTH me HE HE te whakaatu i te rahi o te ahua. Ka mohio te kaitautoko me pehea te nui o te mokowhiti i roto i te tahora hei tohatoha, a ka taea e ia te neke atu ki te mea e whai ake nei i runga i te whārangi i te wa e tikiake ana i nga pikitia. Ko te raruraru ki te whakamahi i enei korero i roto i to HTML ko te kore pea e hiahia ana koe ki to whakaahua kia whakaatu i taua rahi. Hei tauira, ki te whai koe i tetahi paetukutuku whakautu , he whakarereketanga nui kei runga i te matahiri manuhiri me te rahi o te taputapu, ka hiahia ano hoki koe kia whakarerekehia o maatau. Mena ka tuhia e koe i roto i to HTML te aha te rahi o te waahanga, ka kitea e koe he tino uaua ki te whakakore i nga uiuinga pāpāho CSS whakautu. Mo tenei take, me te pupuri i te wehewehenga o te ahua (CSS) me te hanganga (HTML), e taunaki ana kia kaua e KAUhia te rahi me teitei o nga huanga ki to waehere HTML.

Ko tetahi o nga korero: Ki te waiho e koe enei tohutohu rahi ki waho, kaore i te tautuhi i te rahi i CSS, ka whakaaturia e te kaituhi te ahua i tona taunoa, te rahi o te taiao.

I whakatikaia e Jeremy Girard