Praneškite apie mus:


HTML žymė - img

0

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

1
2
3
4
5
6
7
<html>
<body>
 
<img src="../img/zvaigzde.png" alt="Žvaigždė" />
 
</body>
</html> 

 

pabandyk_pats

 

papildomas pavyzdys su width, height ir align atributais.

 

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

 

Naršyklių palaikymas

ie ff opera chrome safari

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
lt
r
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

AtributasReikš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

žiūrėti visus html įvykius


 

Perskaityta: 3406 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
html    žymės   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti