Efni.

• Að stíga
• Aðferð 1 af 2: Skrifaðu HTML kóðann
• Aðferð 2 af 2: Skilja HTML kóða

Með einni línu af HTML kóða er hægt að bæta mynd sem hægt er að smella á næstum hvaða vefsíðu sem er. Það er tvennt sem þú þarft til að láta þetta ganga. Þú þarft slóð fyrir myndina og einnig slóð vefsíðu.

Að stíga

Aðferð 1 af 2: Skrifaðu HTML kóðann

1. Búðu til HTML skrá. Opnaðu textaritil og búðu til nýja skrá. Vistaðu skrána sem index.html.
   • Þú getur notað hvaða textaritil sem þú vilt, jafnvel einfalda ritstjórnendur Windows (Notepad) og Mac OS X (TextEdit).
   • Ef þú vilt nota textaritil sem er ætlaður til að vinna með HTML, smelltu hér til að hlaða niður Atom, textaritli fyrir Windows, Mac OS X og Linux.
   • Ef þú ert að nota TextEdit skaltu smella á Format valmyndina áður en þú býrð til HTML skrána og smella síðan á Make Plain Text. Þessi stilling tryggir að HTML skráin hlaðist rétt í vafra.
   • Orðvinnslur eins og Microsoft Word eru ekki mjög góðir til að skrifa HTML, vegna þess að þeir bæta við ósýnilegum stöfum og sniði sem geta spillt HTML skránni og gert hana ranga birtingu í vafra.
2. Afritaðu og límdu venjulega HTML kóðann. Veldu og afritaðu HTML kóðann hér að neðan og límdu hann í opnaðu index.html.
   

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

3. Finndu slóðina á myndina þína. Finndu mynd á vefnum, hægrismelltu á hana og (fer eftir vafra þínum) smelltu á Copy URL, Copy Copy Address eða Copy Image Location.
   • Firefox og Internet Explorer nota Afrita staðsetningu myndar. Chrome notar Copy Image URL. Safari notar Copy Image Address.
4. Bættu vefslóð myndarinnar við. Í index.html skránni skaltu smella og draga til að velja vefslóð myndarinnar með músinni og ýta síðan á CTRL + V til að líma slóðina.
5. Bættu við markslóðinni. Í index.html eyddu vefslóð og tegund https://www.startpage.com.
   • Þú getur notað hvaða vefslóð sem markslóð.
6. Vistaðu HTML skrána.
7. Opnaðu HTML skrána í vafra. Hægri smelltu á index.html og opnaðu síðan þessa skrá í vafranum að eigin vali.
   • Ef vafrinn opnast en þú sérð ekki myndina skaltu ganga úr skugga um að þú hafir stafsett heiti myndar rétt í index.html skránni.
   • Þegar vafrinn opnast, en þú sérð HTML kóða í stað bakgrunnsmyndarinnar, er index.html vistað sem .rtf skrá (rich text file). Prófaðu að breyta HTML skránni í öðrum textaritli.

Aðferð 2 af 2: Skilja HTML kóða

1. Skilja akkerimerkið. HTML kóði samanstendur af opnun og lokun merkja. Merkið a href = ""> er upphafsmerkið og / a> er lokamerkið. Þetta er kallað akkerimerki og er notað til að bæta við krækjum á vefsíðu.
   • The a segir vafra að búa til tengil. The href er skammstöfun fyrir HTML tilvísun, the = segir vafranum að breyta öllu á milli ’ ’ búið til hlekk. Hægt er að setja hvaða vefslóð sem er á milli gæsalappanna tveggja.
   • The / a> segir vafranum að akkerimerkið sé lokað.
   • Þegar þú bætir við texta á milli a href = ""> og / a> sá texti verður smellt á krækju á vefsíðu. Til dæmis: a href = "https://www.google.com"> Google / a> býr til tengil á Google.
2. Skilja myndamerkið. Merkið img> er lokað merki. Þú getur lokað því með img src = "" /> eða img src = ""> / img>.
   • The img merki segir vafra að birta mynd. The src er stytting á heimild, de = segir vafranum að eyða öllu á milli ’ ’ og sækja myndina frá þeim stað.
   • The /> segir vafra að loka myndamerkinu.
   • Til dæmis: {samp [} fær myndina af þeirri slóð og birtir hana síðan í vafra.
3. Notaðu þennan kóða alls staðar. Nú þegar þú þekkir þennan kóða geturðu það a href = "target url"> img src = "image url" /> / a> til að bæta myndum sem hægt er að smella á hvaða vefsíðu sem er með HTML kóða.