Povezave

S pomočjo elementa <a> (ang. Anchor), ki pomeni sidro lahko vzpostavimo povezavo do drugih spletnih strani. Deluje tako kot vsi, ki smo jih že spoznali – ko besedilo ovijemo z značkama <a>, spremenimo pomen vsebine (Codebrainer, b. d.). 

Oglejmo si primer povezave na spletno stran z vidrami: 

Kot lahko opazite v pregledovalniku kode, da element <a> ne naredi povezave. Na žalost element <a> sam po sebi ne naredi veliko. Na enak način, kot element doda pomen vsebini, ki jo vsebuje, doda atribut pomen elementu, kateremu pripada. Torej za delujočo povezavo potrebujemo atribut href, ki določa na katero spletno stran bo brskalnik preusmeril uporabnika, ko bo ta kliknil na element <a>. Če zgornji kodi elementu <a> dodamo atributom href, dobimo naslednje (Anželj idr., 2015): 

Atributi, eden izmed katerih smo ga uporabili tudi zgoraj, href, lahko obstajajo samo znotraj začetne značke. Vsak atribut je sestavljen iz imena atributa, enačaja in vrednosti atributa v enojnih ali dvojnih narekovajih (Anželj idr., 2015). 

Poleg href atributa, bomo spoznali sedaj še atribut target, ki ga lahko uporabimo, ko želimo, da brskalnik povezavo odpre v novem zavihku. Vrednost atributa target, ki določa, da bo spletni brskalnik spletno stran prikazal v novem zavihku je _blank (Anželj idr., 2015). Pa si poglejmo na primeru: 

Spodnji povezavi dodaj atribut, da se bo ob kliku na povezavo spletna stran odprla v novem zavihku.

Vsebina na tej spletni strani vzeta po:

• Anželj, G., Bell, T., Brodnik, A., Čelan, M., Divjak, S., Krapež, A., Lasič, N., Lokar, M., Morgan, J., Newton, H. in Zver, R. (2015). RAČUNALNIŠTVO IN INFORMATIKA 2: E-učbenik za informatiko v gimnaziji. Koper : Založba Univerze na Primorskem ; Ljubljana : Založba Fakultete za računalništvo in informatiko ; Maribor : Fakulteta za elektrotehniko, računalništvo in informatiko https://anzeljg.github.io/rin2/book2/index.html 
• Codebrainer. (b. d.). Osnove HTML – 10 najbolj uporabnih HTML značk. https://www.codebrainer.si/html-osnove