Nola jarri irudiak HTML h1>
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. P>
etiketa h2>
etiketa & lt; img & gt; strong> irudiak html orri batean txertatzeko erabiltzen da. Ez du itxiera etiketarik etiketa huts bat denez. Ikusi adibide bat: p>
> strong> & lt; img src = “path_da_imagem.jpg” alt = “irudiaren deskribapena” & gt; strong> p>
atributuak: p>
- src: strong> irudiaren bidea zehazten du. Bide absolutua (URL osoa) edo bide erlatiboa izan daiteke (HTML fitxategiaren araberako bidea). Li>
- alt: strong> irudiaren deskribapen alternatiboa eskaintzen da, irudia ezin bada kargatu edo ikusmen urriko erabiltzaileentzat. li>
ul>h2> etiketa erabiltzeko adibidea
Demagun HTML fitxategiaren karpeta berean “image.jpg” izeneko irudia dugula. Honela txertatu dezakegu: p>
& lt; img src = “image.jpg” alt = “adibide irudia” & gt; strong> p>
Garrantzitsua da aipatzea irudi guztiei testu alternatibo deskribatzailea gehitzea, hau da, guneen irisgarritasuna hobetzen duelako eta bilatzaileek indexatzen laguntzen dutela. P>
Irudiak txertatzeko beste modu batzuk h2>
etiketa & lt; img & gt; strong>, badaude irudiak html-en txertatzeko beste modu batzuk: p>
etiketa
h3> Etiketa & lt; figure & gt; strong> irudia zure azpitituluan kokatzeko erabiltzen da. Ikusi adibide bat: p>
& 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; strong> p>Etiketa hau erabilgarria da irudian azpititulua gehitu nahi duzunean. p>
Etiketa
h3> & lt; image & gt; strong> etiketa irudi baten bertsio anitz emateko erabiltzen da, arakatzaileak erabiltzailearen gailuaren ezaugarrietan oinarritutako aukerarik onena aukeratzeko aukera emanez. Ikusi adibide bat: p>
& 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; strong> p>Adibide honetan, irudiaren bi bertsio ditugu: bat Webp formatuan eta bestea JPEG formatuan. Arakatzaileak aukerarik onena aukeratuko du gailuaren euskarrian oinarrituta. P>
Ondorioa h2>
HTML-n irudiak txertatzea zeregin erraza da & lt; img & gt; strong> etiketa erabiliz. Garrantzitsua da irudi guztientzako testu alternatibo deskribatzailea ematea, baita beste txertatze modu batzuk ere kontuan hartzea, hala nola & lt; strong> & lt; irudia & gt; strong> Modu honetan zure webgunea eskuragarriagoa da eta erabiltzailearen esperientzia hobetzen duzu. P>
- alt: strong> irudiaren deskribapen alternatiboa eskaintzen da, irudia ezin bada kargatu edo ikusmen urriko erabiltzaileentzat. li>