Na-agbakwụnye Images gaa na ibe weebụ

Lelee ihe obula obula n'anodu taa ma we chota na ha na eketa ihe ufodu. Otu n'ime àgwà ndị ahụ bụ ihe oyiyi. Ihe oyiyi ndị dị mma na-agbakwunye ihe ngosi nke weebụsaịtị. Ụfọdụ n'ime ihe oyiyi ndị ahụ, dịka logo nke ụlọ ọrụ, nyere aka nyere saịtị ahụ ma jikọọ ụlọ ọrụ dijitalụ na ụlọ ọrụ gị.

Iji tinye ihe oyiyi, akara ngosi, ma ọ bụ eserese na ibe weebụ gị, ịkwesịrị iji mkpado dị na koodu HTML. Ị na-etinye akara IMG na HTML gị kpọmkwem ebe ịchọrọ ka onye ngosi gosipụtara. Ihe ntanetị weebụ nke na-ede koodu koodu ahụ ga-eji dochie mkpado a na ihe ngosi kwesịrị ekwesị ozugbo a na-elele ibe. Ịlaghachi na ụlọ ọrụ ụlọ ọrụ anyị atụle, ebe a bụ otu ị nwere ike isi tinye ihe oyiyi ahụ na saịtị gị:

Àgwà oyiyi

N'ileghachi anya na koodu HTML dị n'elu, ị ga-ahụ na mmewere gụnyere njirimara abụọ. A na-achọta onye ọ bụla maka oyiyi ahụ.

Àgwà mbụ bụ "src". Nke a bụ nnọọ faịlụ faịlụ nke ịchọrọ igosipụta na ibe. Na ihe omuma ayi anyi na-eji faịlụ a na-akpọ "logo.png". Nke a bụ ihe ngosi na ihe nchọgharị weebụ ga-egosipụta mgbe ọ sụgharịrị saịtị ahụ.

Ị ga-achọpụta na tupu aha faịlụ a, anyị gbakwunyere ụfọdụ ozi ndị ọzọ, "/ images /". Nke a bụ ụzọ faịlụ. Ntughari mbu nke mbu na agwa onye nkesa ka o lee anya na akwukwo ozi. Ọ ga-achọ ebe nchekwa a na-akpọ "ihe oyiyi" na n'ikpeazụ faịlụ a na-akpọ "logo.png". Iji nchekwa a na-akpọ "ihe oyiyi" iji chekwaa ndị na-ese ihe na saịtị a bụ omume mara mma, ma ụzọ faịlụ gị ga-agbanwe na ihe ọ bụla dị mkpa maka saịtị gị.

Ụkpụrụ nke abụọ a chọrọ bụ "alt" ederede. Nke a bụ "ederede ọzọ" nke egosiri ma ọ bụrụ na ihe oyiyi ahụ adịghị arụ ọrụ n'ihi ihe ụfọdụ. Ihe odide a, nke anyi na-aguta "Company Logo" ka a ga-egosiputa ma oburu na ihe oyiyi ahu adighi. Gịnị mere nke ahụ ga-eji mee? E nwere ọtụtụ ihe kpatara ya:

Ndị a bụ naanị ihe ole na ole nwere ike ịchọta ihe oyiyi anyị. N'okwu ndị a, ihe odide anyị dị elu ga-egosipụta.

A na-ejikwa ngwanrọ na-agụ ihe na-agụgharị ihe odide Alt "iji gụọ" onyinyo ahụ na onye ọbịa nke na-ahụhụ ọhụụ. Ebe ọ bụ na ha apụghị ịhụ ihe oyiyi ahụ dịka anyị na-eme, ederede a na-eme ka ha mata ihe oyiyi ahụ bụ. Nke a bụ ihe mere achọrọ ederede ihe ọbụla na ihe mere o ji kwuo n'ụzọ doro anya ihe oyiyi ahụ bụ!

Uchehie nke nghọtahie nke elu ederede bụ na ọ bụ maka nzube nyocha. Nke a abụghị eziokwu. Ọ bụ ezie na Google na ụlọ ọrụ ọchụchọ ndị ọzọ na-agụ amaokwu a iji chọpụta ihe oyiyi ahụ bụ (cheta, ha apụghị "ịhụ" ihe oyiyi gị), ị gaghị ederede ederede iji rịọ naanị maka engines ọchụchọ. Onye edeputara ihe edere ederede nke di elu maka mmadu. Ọ bụrụ na ị nwekwara ike ịgbakwunye ụfọdụ mkpụrụ okwu n'ime mkpado nke na-adọrọ mmasị na engines ọchụchọ, nke ahụ dị mma, ma na-ahụ mgbe niile na ederede alt na-eje ozi isi ihe kpatara ya site n'ikwu ihe onyinyo ahụ bụ maka onye ọ bụla na-enweghị ike ịhụ faịlụ ndịnaaja.

Àgwà ndị ọzọ

Ihe IMG nwekwara njirimara abụọ ndị ọzọ ị nwere ike ịhụ na ojiji mgbe ị na-etinye ihe osise na ibe weebụ gị - obosara na elu. Dịka ọmụmaatụ, ọ bụrụ na ị na-eji nchịkọta WYSIWYG dị ka Dreamweaver, ọ na-agbakwụnye na Ama gị maka nke a. Nke a bụ ihe atụ:

Ụdị WIDTH na HEIGHT na-agwa nchọgharị na ogo nke onyinyo ahụ. Ihe nchọgharị ahụ wee mara kpọmkwem ohere ole dị na nhazi iji nyefee, ọ pụkwara ịkwaga na nke ọzọ na ibe ahụ mgbe nbudata ihe oyiyi. Nsogbu na iji ozi a na HTML gị bụ na ị nwere ike ọ gaghị achọ mgbe niile ka onyinyo gị gosipụta na nha kpọmkwem. Dịka ọmụmaatụ, ọ bụrụ na ị nwere ebe nrụọrụ weebụ na-anabata ozi ọma nke ntụgharị na-adabere na ihuenyo ndị nleta na nha ngwaọrụ, ị ga-achọkwa ka ihe oyiyi gị bụrụ mgbanwe. Ọ bụrụ na i kwuo na HTML gị ihe dị mkpa, ọ ga-esiri gị ike ijide na ajụjụ CSS na-anabata. N'ihi nke a, na ịhapụ nkewa (CSS) na usoro (HTML), a na-atụ aro ka ị ghara imekwu obosara na ogo dị na koodu HTML gị.

Otu ederede: Ọ bụrụ na ịhapụ ntuziaka ndị a na ezughị oke na CSS, ihe nchọgharị ahụ ga-egosi onyinyo ahụ na ndabara ya, nha ọ bụla.

Edited by Jeremy Girard