Cuir nasc le híomhá i HTML

Údar: Christy White
Dáta An Chruthaithe: 12 Bealtaine 2021
An Dáta Nuashonraithe: 1 Iúil 2024
Anonim
Cuir nasc le híomhá i HTML - Comhairlí
Cuir nasc le híomhá i HTML - Comhairlí

Ábhar

Le líne amháin de chód HTML, is féidir leat íomhá inchliceáilte a chur le beagnach aon suíomh Gréasáin. Tá dhá rud a theastóidh uait chun go n-oibreoidh sé seo. Teastaíonn URL uait don íomhá agus URL láithreán gréasáin freisin.

Chun céim

Modh 1 de 2: Scríobh an cód HTML

  1. Cruthaigh comhad HTML. Oscail eagarthóir téacs agus ansin cruthaigh comhad nua. Sábháil an comhad mar index.html.
      • Is féidir leat aon eagarthóir téacs a theastaíonn uait a úsáid, fiú eagarthóirí téacs simplí Windows (Notepad) agus Mac OS X (TextEdit).
      • Más mian leat eagarthóir téacs a úsáid atá beartaithe le bheith ag obair le HTML, cliceáil anseo chun Atom, eagarthóir téacs do Windows, Mac OS X agus Linux a íoslódáil.
      • Má tá TextEdit á úsáid agat, cliceáil an roghchlár Formáid sula gcruthóidh tú an comhad HTML, ansin cliceáil Déan Plain Text. Cinntíonn an socrú seo go luchtaítear an comhad HTML i gceart i mbrabhsálaí gréasáin.
      • Níl próiseálaithe focal ar nós Microsoft Word an-mhaith chun HTML a scríobh, toisc go gcuireann siad carachtair agus formáidiú dofheicthe ar féidir leo an comhad HTML a éilliú agus é a thaispeáint go mícheart i mbrabhsálaí gréasáin.
  2. Cóipeáil agus greamaigh an cód caighdeánach HTML. Roghnaigh agus cóipeáil an cód HTML thíos agus greamaigh é i do index.html oscailte.

    a href = "target url"> img src = "image url" /> / a>

  3. Faigh URL d’íomhá. Faigh íomhá ar an ngréasán, cliceáil ar dheis uirthi agus (ag brath ar do bhrabhsálaí) cliceáil Cóipeáil URL Íomhá, Cóipeáil Seoladh Íomhá, nó Cóipeáil Suíomh Íomhá.
      • Úsáideann Firefox agus Internet Explorer Cóipeáil suíomh íomhá. Úsáideann Chrome URL Cóipeáil Íomhá. Úsáideann Safari Seoladh Cóipe Íomhá.
  4. Cuir URL na híomhá leis. Sa chomhad index.html, cliceáil agus tarraing chun URL na híomhá a roghnú le do luch, ansin brúigh CTRL + V chun an URL a ghreamú.
  5. Cuir an URL sprice leis. I index.html scrios url sprioc agus cineál https://www.startpage.com.
      • Is féidir leat aon URL a úsáid mar an URL sprice.
  6. Sábháil an comhad HTML.
  7. Oscail an comhad HTML i mbrabhsálaí gréasáin. Cliceáil ar dheis ar index.html agus ansin an comhad seo a oscailt sa bhrabhsálaí gréasáin is rogha leat.
      • Má osclaítear an brabhsálaí ach mura bhfeiceann tú an íomhá, déan cinnte go ndearna tú ainm an chomhaid íomhá a litriú i gceart sa chomhad index.html.
      • Nuair a osclaítear an brabhsálaí, ach má fheiceann tú cód HTML in ionad na híomhá cúlra, sábhálfar do index.html mar chomhad .rtf (comhad saibhir téacs). Bain triail as eagarthóireacht a dhéanamh ar an gcomhad HTML in eagarthóir téacs eile.

Modh 2 de 2: Cód HTML a thuiscint

  1. Tuig an chlib ancaire. Is éard atá i gcód HTML clibeanna a oscailt agus a dhúnadh. Is é an chlib href = ""> an chlib tosaigh, agus / a> an chlib deiridh. Tugtar clib ancaire air seo agus úsáidtear é chun naisc a chur le leathanach gréasáin.
    • Tá an a insíonn do bhrabhsálaí nasc a chruthú. Tá an href Giorrúchán le haghaidh tagartha HTML, an = insíonn don bhrabhsálaí gach rud a athrú idir ’ ’ cruthaigh nasc. Is féidir aon URL a chur idir an dá luachan.
    • Tá an / a> insíonn don bhrabhsálaí go bhfuil an chlib ancaire dúnta.
    • Nuair a chuireann tú téacs idir a href = ""> agus / a> déantar an téacs sin a nascadh le cliceáil ar leathanach gréasáin. Mar shampla: a href = "https://www.google.com"> Google / a> cruthaíonn sé nasc le Google.
  2. Tuig an chlib íomhá. Is clib dúnta an chlib img>. Is féidir leat é a dhúnadh le img src = "" /> nó img src = ""> / img>.
    • Tá an img insíonn tag do bhrabhsálaí íomhá a thaispeáint. Tá an src is giorrúchán don fhoinse, de = insíonn don bhrabhsálaí gach rud idir an ’ ’ agus an íomhá a aisghabháil ón áit sin.
    • Tá an /> insíonn do bhrabhsálaí an chlib íomhá a dhúnadh.
    • Mar shampla: faigheann {samp [} an íomhá ón URL sin, ansin taispeántar í i mbrabhsálaí gréasáin.
  3. Úsáid an cód seo i ngach áit. Anois go bhfuil an cód seo ar eolas agat, is féidir leat a href = "target url"> img src = "image url" /> / a> chun íomhánna inchliceáilte a chur le haon leathanach gréasáin le cód HTML.