HTML žymė - img

Lukas

img žymė yra naudojama, kai norime įterpti paveikslėlį. Iš tiesų pats paveikslėlis nėra įterpiamas, yra išskiriama vieta jo įkrovimui į puslapį. Jei paveikslėlis nebus rastas, ši vieta bus tuščia. Skirtingos naršyklės atvaizduos tuščią paveikslėlio vietą skirtingai. Atributas alt yra skirtas alternatyviam tekstui įrašyti, kuris yra rodomas prieš užkraunant paveikslėlį arba kai paveikslėlis yra nerasta. Šiuo metu paieškos sistemos "nemato" kas yra paveikslėlio viduje, todėl yra svarbu parašyti alternatyvų tekstą, kad google ir kt. paieškos galėtų rasti jūsų paveikslėlius pagal alt atributus.

Pavyzdys

<html>
<body>
 
  <img src="../img/zvaigzde.png" alt="Žvaigždė" />
 
</body>
</html>

papildomas pavyzdys su width, height ir align atributais.

Pastaba: src atributas yra naudojamas keliui iki pavikslėlio nurodyti.

Naršyklių palaikymas

img žymę palaiko visos pagrindinės naršyklės.

Skirtumas tarp html ir xhtml

HTML kalboje <img> žymė yra neuždaryta

xHTML kalboje <img /> žymė yra pati save uždaranti

img žymės atributai

Atributas	Reikšmė	Aprašymas	DTD
*Privalomi atributai*
alt	tekstas	Nurodo alternatyvų paveikslėlio tekstą	STF
src	URL	Nurodo kelią iki paveikslėlio	STF
*Papildomi atributai*
align	top bottom middle left right	Nevartotinas. Naudokite CSS stilius. Nurodo paveikslėlio lygiavimą pagal aplink esančius elementus	TF
border	pikseliai	Nevartotinas. Naudokite CSS stilius. Nurodo aplink paveikslėlį esančio rėmelio storį	TF
height	pikseliai %	Nurodo paveikslėlio aukštį. Galite nurodyti piskeliais arba procentaliai	STF
hspace	pikseliai	Nevartotinas. Naudokite CSS stilius. Nurodo tuščią horizontalią erdvę aplink paveikslėlį	TF
ismap	ismap	Nurodo, kad šis paveikslėlis yra serverio pusės paveikslėlio žemėlapis. Labai retai naudojama reikšmė. Geriau naudokite usemap	STF
longdesc	URL	Nurodo kelią į dokumentą, kuriame yra ilgas paveikslėlio aprašymas	STF
usemap	#zemelapio_pavadinimas	Nurodo, kad tai yra vartotojo pusės paveikslėlio žemėlapis	STF
vspace	pikseliai	Nevartotinas. Naudokite CSS stilius. Nurodo tuščią vertikalią erdvę aplink paveikslėlį	TF
width	pikseliai %	Nurodo paveikslėlio plotį	STF
Standartiniai atributai
class	klasės_vardas	Nurodo kokiai klasei priklauso elementas	STF
dir	rtl ltr	Nurodo teksto kryptį elemente ltr (left to right) - iš kairės i dešinę, rtl (right to left) - iš dešinės į kairę	STF
id	id	Nurodo unikalų elemento id numerį ar pavadinimą	STF
lang	kalbos_kodas	Nurodo kalbos kodą, jei reikia nurodyti kokia kalba yra pateiktas elemento turinys	STF
style	stiliaus_taisyklės (css)	Nurodo vidinį elemento stilių naudojant css stiliaus taisykles	STF
title	tekstas	Nurodo papildomą elemento informaciją	STF
xml:lang	kalbos_kodas	Nurodo kalbos kodą xhtml dokumento elemento turiniui	STF

Paaiškinimai: DTD indeksas - nurodo su kokiais dokumentų tipais galime naudoti konkretų atributą. S - Strict, T - Transitional, F - Frameset

žiūrėti visus standartinius atributus

img žymės įvykiai

Atributas	Reikšmė	Aprašymas
onabort	skriptas	Skriptas bus vykdomas, kai paveikslėlio krovimas bus nutrauktas
onclick	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus su pele ant elemento
ondblclick	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus su pele du kartus ant elemento
onmousedown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus pelės mygtuką
onmousemove	skriptas	Skriptas bus vykdomas, kai vartotojas su pele užeis ant elemento
onmouseout	skriptas	Skriptas bus vykdomas, kai vartotojas su pele nueis nuo elemento
onmouseover	skriptas	Skriptas bus vykdomas, kai vartotojas su pele judės ant elemento
onmouseup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis įspaustą pelės mygtuką
onkeydown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus mygtuką su klaviatūra
onkeypress	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus ir atleis mygtuką su klaviatūra
onkeyup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis paspaustą mygtuką su klaviatūra