Nola jarri irudiak HTML

Irudiak gune bateko elementu garrantzitsuak dira informazioa bisualki transmititzen laguntzen duten bitartean eta edukia erakargarriagoa bihurtzen laguntzen dute. Artikulu honetan, ikas dezagun nola jarri irudiak HTML-n etiketa egokiak erabiliz.

etiketa

etiketa & lt; img & gt; irudiak html orri batean txertatzeko erabiltzen da. Ez du itxiera etiketarik etiketa huts bat denez. Ikusi adibide bat:

> strong> & lt; img src = “path_da_imagem.jpg” alt = “irudiaren deskribapena” & gt;

atributuak:

• src: irudiaren bidea zehazten du. Bide absolutua (URL osoa) edo bide erlatiboa izan daiteke (HTML fitxategiaren araberako bidea).
• alt: irudiaren deskribapen alternatiboa eskaintzen da, irudia ezin bada kargatu edo ikusmen urriko erabiltzaileentzat.
  

  etiketa erabiltzeko adibidea

  Demagun HTML fitxategiaren karpeta berean “image.jpg” izeneko irudia dugula. Honela txertatu dezakegu:

  & lt; img src = “image.jpg” alt = “adibide irudia” & gt;

  Garrantzitsua da aipatzea irudi guztiei testu alternatibo deskribatzailea gehitzea, hau da, guneen irisgarritasuna hobetzen duelako eta bilatzaileek indexatzen laguntzen dutela.

  Irudiak txertatzeko beste modu batzuk

  etiketa & lt; img & gt; , badaude irudiak html-en txertatzeko beste modu batzuk:

  etiketa

  Etiketa & lt; figure & gt; irudia zure azpitituluan kokatzeko erabiltzen da. Ikusi adibide bat:

  & lt; figure & gt;
  & nbsp; & nbsp; & nbsp; & lt; & lt; img src = “image.jpg” alt = “adibide irudia” & gt;
  & nbsp; & nbsp; & nbsp; & nbsp; & lt; fikzioa & gt;
  & Lt; / figure & gt;

  Etiketa hau erabilgarria da irudian azpititulua gehitu nahi duzunean.

  Etiketa

  & lt; image & gt; etiketa irudi baten bertsio anitz emateko erabiltzen da, arakatzaileak erabiltzailearen gailuaren ezaugarrietan oinarritutako aukerarik onena aukeratzeko aukera emanez. Ikusi adibide bat:

  & lt; irudia & gt;
  & nbsp; & nbsp; & nbsp; & nbsp; & lt; iturria srcset = “image.webp” tipoa = “Irudia / webp” & gt;
  & nbsp; & nbsp; & nbsp; & nbsp;
  & nbsp; & nbsp; & nbsp; & lt; & lt; img src = “image.jpg” alt = “adibide irudia” & gt;
  & Lt; / irudia & gt;

  Adibide honetan, irudiaren bi bertsio ditugu: bat Webp formatuan eta bestea JPEG formatuan. Arakatzaileak aukerarik onena aukeratuko du gailuaren euskarrian oinarrituta.

  Ondorioa

  HTML-n irudiak txertatzea zeregin erraza da & lt; img & gt; etiketa erabiliz. Garrantzitsua da irudi guztientzako testu alternatibo deskribatzailea ematea, baita beste txertatze modu batzuk ere kontuan hartzea, hala nola & lt; & lt; irudia & gt; Modu honetan zure webgunea eskuragarriagoa da eta erabiltzailearen esperientzia hobetzen duzu.