Ir atšķirība starp attēla ievietošanu a vietne un padarot šo attēlu par saiti, uz kuras var noklikšķināt. Lai gan HTML ir līdzīgs, saite balstās uz enkurs kamēr attēls izmanto img elements. Tomēr attēls var ligzdot enkurā, padarot šo attēlu klikšķināmu kā saiti.
Attēlu ievietošana enkura elementos
Bieži uz attēlu balstītas saites izmantošana ir vietnes logotipa grafika, kas pēc tam tiek saistīta ar vietnes sākumlapu.
Lūk, kā HTML dokumentā ievietot attēlu, uz kura nevar noklikšķināt:
Lai attēlu pārveidotu par saiti, pievienojiet enkura saiti, atverot enkura elementu pirms attēla un aizverot enkuru pēc attēla. Šī metode ir līdzīga tam, kā jūs saistāt tekstu, izņemot to, ka vārdu iesaiņošanas vietā jūs iesaiņojat attēlu:
Pievienojot savam lapai šāda veida HTML, nelieciet atstarpes starp enkura un attēla tagu. Ja jūs to izdarīsit, dažas pārlūkprogrammas blakus attēlam pievienos mazas ērces, kas izskatīsies dīvaini.
Logotips tagad darbojas arī kā sākumlapas poga, kas mūsdienās ir gandrīz tīmekļa standarts.
Ievērojiet, ka HTML iezīmējumā nav iekļauti vizuālie stili, piemēram, attēla platums un augstums. Mēs atstāsim šos vizuālos stilus CSS ziņā un saglabāsim skaidru HTML struktūras un CSS stilu nošķiršanu.