Lotura ezberdinen kodeak

**Lotura ibilbideak:**

Ibilbidea href = "" atributuaren barruan idazten den balioari deitzen zaio, eta bi motatan sailka daitezke:

**Ibilbide absolutuak:**

Ibilbide absolutuak dira webgunean fitxategi baten kokapen osoa definitzen dutenak eta https://gunearenizena.com/artxibo.html-tik hasten direnak (helmugako fitxategia edozein luzapenekoa izan daiteke). Adibidez, gure webgunea Facebookekin lotu nahi badugu, ibilbide absolutu bat erabiliko genuke eta kodea hau izango litzateke:

<a href="https://www.facebook.com/pagina">Facebooken gaude</a>

**Ibilbide erlatiboak:**

Ibilbide erlatiboek, aldiz, xede-fitxategiaren kokapena definitzen dute, deitzen ari den fitxategiaren kokapenari dagokionez. Adibidez: index.html fitxategia nornaiz.html fitxategiarekin lotzen bada eta karpeta berean badaude, honela izango litzateke kodea:

<a href="nor-naiz.html">Nor naiz</a>.

**Lotura motak**

**.html artxiboen arteko barne-loturak:**

Gune baten esteka nagusiak dira. Index.html fitxategian “kontaktu.html” esteka gehitu nahi badugu, kode hau erabili beharko genuke:

<a href="kontaktu.html">Kontaktatu iezaguzu</a>.

< a> etiketen artean itxita geratzen den testua da erabiltzaileak urdinez eta azpimarratuz ikusten duena.

**Kanpoko loturak:**

Webgune desberdinen arteko loturak dira. Webgune bat beste batekin lotu nahi badugu, webgunearen ibilbide absolutua adierazi behar dugu nabigatzailetik kopiatzea komeni den url osoa idatziz. Kasu horretan, ohikoa da target = "" atributua erabiltzea, erlaitz berri batean esteka irekitzeko. Adibidez, Googleri esteka bat jarri eta erlaitz berrian ireki nahi izanez gero, honela izango litzateke:

<a href="https://google.com" target="\_blank">Googlera joan</a>

**Barne-loturak: aingurak**

Aingurak html baten barruko puntu jakin bateranzko loturak dira. Hainbat kasutan erabiltzen da, adibidez, erantzunak galderen azpian garatzen diren ohiko galderen orri batean, edo Wikipedian, testua luzea denean, menuak aingurekiko loturak ditu. Testu luzeetan ere, amaitzean askotan botoi bat jartzen da igotzeko. Botoiek benetan scroll egiten duten orri bakarreko lekuetan, aingurak dira.

Helmuga-puntuak id = "zerbait" atributuarekin markatuta egon behar du, eta estekan #bat (zenbakizkoa) jartzen da, izena atzetik duela. Adibidez:

< a href = " # respuesta a4 " >4. galdera < / a>

"Jauzi egin" paragrafo honetara:

< p id = " erantzuna4 " >Hemen dago erantzuna < / p>

**Enlaces para ampliar una imagen**

Ohikoa da argazki galeria bat irudi miniaturekin armatzea. Baliabide hau javascript kodearekin konbinatzen badugu, argazki galeria oso erakargarriak lortzen ditugu. HTML kodea honelakoa da:

<a href="imagenes/argazkia1-handituta.jpg"><img src="imagenes/argazkia1-txikiagotuta.jpg" alt="argazkiaren deskripzioa"></a>

**Fitxategiak deskargatzeko estekak**

Egia esan, href = "" atributuaren barruan edozein artxibo motatarako bidea jar dezakegu. Nabigatzaileak luzapena ezagutzen badu, adibidez, HTML, jpg, png, gif, svg, pdf eta abar irekitzen ditu, baina ezagutzen ez badu edo fitxategi konprimitua bada (.rar, .zip), nabigatzaileak deskargatzeko aukera ematen dio erabiltzaileari. Adibidez:

< a href = " fotos.rar " >Deskarga itzazu argazki guztiak < / a>

**Posta-helbide baterako estekak**

Posta-helbide bat lotu daiteke, aurrez zehaztutako posta-programan ireki dezan. Kodea honela idazten da:

< a href = " mailto : Info @ dominio.com " >Kontsultatu hona : info @ dominio.com < / a>

Baliabide hori nahiko zalantzan dago, bi arrazoirengatik: batetik, erabiltzaile askok posta elektronikoa erabiltzen dutelako (Gmail, Yahoo, Hotmail) eta, beraz, esteka horrek ez dielako balio (gogaitu ere egiten du); eta, bestetik, gure posta aurkitu eta spamerako datu-base batean sartzen duten robotei informazioa ematen diegulako.