Hvernig á að tengja mynd á vefsíðunni þinni

Vefsíður eru ólíkt samskiptamiðli sem kom fyrir þeim. Eitt af aðalatriðunum sem setja vefsíður í sundur frá fyrri fjölmiðlum eins og prentun, útvarpi og jafnvel sjónvarpi er hugtakið " tengil ".

Tenglar, einnig almennt þekktur sem "tenglar", eru það sem gera vefurinn svo virkur. Ólíkt prentaðri útgáfu sem getur vísað til annars greinar eða annarrar auðlindar, geta vefsíður notað þessar tenglar til að senda gesti í raun til annarra vefsíðna og vefsíðna. Engin önnur útvarps miðill getur gert þetta. Þú getur heyrt auglýsingu í útvarpi eða sjónvarpsþáttum, en það eru engar tenglar sem geta tekið þig til fyrirtækja í þessum auglýsingum eins og vefsvæðið getur auðveldlega gert. Tenglar eru í raun ótrúleg samskipti og samskipti tól!

Oftast eru tenglarnar sem finnast á vefsíðum textasamfélag sem stýrir gestum á aðrar síður á sama vefsvæði. Leiðsögn vefsvæðis er eitt dæmi um textatengla í reynd en tenglar þurfa ekki að vera textasamstæður. Þú getur einnig auðveldlega tengt myndir á vefsíðunni þinni. Skulum líta á hvernig þetta er gert, fylgt eftir með nokkrum tilvikum þar sem þú vilt nota myndatengda tengla.

Hvernig á að tengja mynd

Það fyrsta sem þú þarft að gera er að setja myndina sjálfan í HTML skjalinu þínu. Algeng notkun á myndatengdu hlekkur er táknmynd síðunnar sem síðan er tengd aftur á heimasíðu heimasíðunnar. Í dæmi kóðanum okkar hér að neðan er skráin sem við erum að nota er SVG fyrir merki okkar. Þetta er góð kostur þar sem það leyfir myndinni að mæla fyrir mismunandi upplausn, allt á meðan viðhalda myndgæði og lítið heildarskráarstærð.

Hér er hvernig þú myndir setja myndina í HTML skjalinu:

Um myndmerkið myndi þú bæta við akkerisslöngunni, opna akkeriþáttinn fyrir myndina og loka akkerinu eftir myndina. Þetta er svipað og hvernig þú vilt tengja texta, aðeins í stað þess að umbúðir orðin sem þú vilt vera tengill við akkeripakkana, settu myndina saman. Í dæminu hér að neðan erum við að tengja aftur á heimasíðu heimasíðunnar okkar, sem er "index.html".

Þegar þú bætir þessu HTML við síðuna þína skaltu ekki setja nein bil á milli akkerismerkisins og myndatagsins. Ef þú gerir það, munu nokkrar vélar bæta við smáum ticks við hliðina á myndinni, sem mun líta skrýtið út.

Merkimyndin myndi nú einnig virka sem heimasíðu hnappur, sem er nánast nettó staðall í dag. Takið eftir að við höfum ekki sjónrænar stíll, svo sem breidd og hæð myndarinnar, í HTML markup okkar. Við munum yfirgefa þessar sjónrænar stíll til CSS og viðhalda hreinu aðskilnaði HTML uppbyggingar og CSS stíl.

Þegar þú færð CSS, þá geta þær stíll sem þú skrifar til að miða á þetta lógóskerfi innihalda límvatn á myndinni, þar með talið móttækilegur stíll fyrir vingjarnlegur fjölhreyfimynd og myndir sem þú vilt bæta við myndinni / hlekknum, eins og landamæri eða CSS sleppa skugga. Þú gætir líka gefið myndina þína eða tengt bekkjaraðgang ef þú þarfnast viðbótar "krókar" til að nota með CSS stílunum þínum.

Notaðu mál fyrir myndatengla

Þannig að bæta við myndatengli er frekar auðvelt. Eins og við höfum bara séð, allt sem þú þarft að gera er að vefja myndina með viðeigandi akkerismerkjum. Næsta spurning þín gæti verið "hvenær myndir þú í raun gera þetta í reynd auk þess að framangreindum lógó / heimasíðu hlekkur dæmi?"

Hér eru nokkrar hugsanir:

A áminning þegar þú notar myndir

Myndir geta gegnt mikilvægu hlutverki í velgengni vefsvæðisins. Eitt af dæmunum sem gefnar eru fram hér að ofan, eru notuð með myndum ásamt öðru efni til að vekja athygli á því efni og fá fólk til að lesa það.

Þegar þú notar myndir verður þú að hafa í huga að velja rétta mynd fyrir þörfum þínum , þetta felur í sér rétta myndefnið, sniðið og einnig að ganga úr skugga um að allar myndir sem þú notar á vefsvæðinu þínu séu rétt hönnuð fyrir afhendingu vefsvæðis . Þetta kann að virðast eins og mikið af vinnu bara til að bæta við myndum, en afborgunin er þess virði! Myndir geta bætt mjög mikið við velgengni vefsvæðisins.

Ekki hika við að nota viðeigandi myndir á vefsvæðinu þínu og tengdu þær myndir þegar þörf krefur til að bæta við gagnvirkum efnum í innihaldinu, en einnig að hafa í huga þessar bestu hugmyndir ímynda og nota þessar grafík / tenglar á réttan og ábyrgan hátt í vefhönnun.