„HTML Képkezelés” változatai közötti eltérés
Nincs szerkesztési összefoglaló |
|||
| 14. sor: | 14. sor: | ||
!Leírás | !Leírás | ||
|- | |- | ||
|<img /> | |[[HTML img tag|<img />]] | ||
|Kép definiálása | |Kép definiálása | ||
|- | |- | ||
|<map> | |[[HTML map tag|<map>]] | ||
|Kép térkép definiálása | |Kép térkép definiálása | ||
|- | |- | ||
A lap 2020. január 2., 14:37-kori változata
HTML képkezelés
A HTML-ben a képeket az <img /> tag definiálja. A képek megjelenítéséhez az src attribútumot kell használni. Értéke a kép URL-je.
Szintaktika:
<img src="url" />
Az URL a kép tárhelyére mutat. Ha egy kép neve "logo.png" és az "images" könyvtárban található az "domain.hu" oldalon, akkor az URL: http://domain.hu/images/logo.png
A HTML szabvány szerint az <img> taghez kötelező megadni az alt attribútumot. Ez egy alternatív szöveget tartalmaz, amit a böngésző akkor jelenít meg, ha a kép valamilyen oknál fogva nem jeleníthető meg. Pl: nem található a src attribútumban meghatározott helyen. Ezen kívül a keresőmotorok e szöveg alapján is indexelik az oldalt, kép kereséseknél lehet nagyon hasznos.
Megjegyzés: A Microsoft Internet Explorer előugró üzenetként is megjeleníti ezt a szöveget.
HTML képkezeléssel kapcsolatos tagek
| Tag | Leírás |
|---|---|
| <img /> | Kép definiálása |
| <map> | Kép térkép definiálása |
| <area /> | Klikkelhető terület definiálása a kép térképben |