logo

HTML kép

HTML img tag kép megjelenítésére szolgál a weboldalon. A HTML img tag egy üres címke, amely csak attribútumokat tartalmaz, a záró címkéket a HTML képelem nem használja.

Lássunk egy példát a HTML képre.

 <h2>HTML Image Example</h2> <img src="//techcodeview.com/img/html-tutorial/39/html-image.webp" alt="Good Morning Friends"> 
Tesztelje most

Kimenet:

c++ vektor mérete
Jó reggelt barátok

A HTML img tag attribútumai

Az src és az alt a HTML img tag fontos attribútumai. A HTML képcímke összes attribútuma alább látható.

1) src

Ez egy szükséges attribútum, amely leírja a kép forrását vagy elérési útját. Utasítja a böngészőt, hogy hol keresse a képet a szerveren.

A kép helye lehet ugyanabban a könyvtárban vagy egy másik szerveren.

2) mindent

Az alt attribútum egy alternatív szöveget határoz meg a képhez, ha az nem jeleníthető meg. Az alt attribútum értéke szavakban írja le a képet. Az alt attribútum jónak tekinthető SEO potenciális felhasználók számára.

3) szélesség

Ez egy opcionális attribútum, amely a kép megjelenítési szélességének megadására szolgál. Most nem ajánlott. A width attribútum helyett CSS-t kell alkalmaznia.

4) magasság

Ez h3 a kép magassága. A HTML magasság attribútum támogatja az iframe, kép és objektum elemeket is. Most nem ajánlott. A magasság attribútum helyett CSS-t kell alkalmazni.


A magasság és szélesség attribútum használata img címkével

Megtanulta, hogyan kell képet beilleszteni a weboldalára, most, ha kívánságunk szerint kívánunk némi magasságot és szélességet adni a megjelenítéshez, akkor azt beállíthatjuk a kép magasság és szélesség attribútumaival.

osi modellrétegek

Példa:

 <img src="//techcodeview.com/img/html-tutorial/39/html-image-2.webp" alt="animal image"> 
Tesztelje most

Kimenet:

HTML kép

Megjegyzés: Mindig próbálja meg beszúrni a képet magasságban és szélességben, különben villoghat, miközben megjelenik a weboldalon.


Az alt attribútum használata

Az alt attribútumot használhatjuk címke. Alternatív szöveget jelenít meg arra az esetre, ha a kép nem jeleníthető meg a böngészőben. A következő példa az alt attribútumra:

java bemenet
 <img src="//techcodeview.com/img/html-tutorial/39/html-image-2.webp" alt="animal image"> 

Kimenet:

HTML kép

Hogyan lehet képet letölteni egy másik könyvtárból/mappából?

Kép beszúrásához a webre, annak ugyanabban a mappában kell lennie, ahová a HTML-fájlt helyezte. De ha bizonyos esetekben a kép elérhető egy másik könyvtárban, akkor a következőképpen érheti el a képet:

 

A fenti utasításban a képet az E helyi lemezre helyeztük ------>images mappába------>img/html-tutorial/39/html-image-2.webp.

Megjegyzés: Ha az src URL helytelen vagy elgépelt, akkor nem jeleníti meg a képét a weboldalon, ezért próbálja meg a helyes URL-t megadni.


Használat címkét linkként

Egy képet más oldallal is összekapcsolhatunk, vagy használhatunk egy képet hivatkozásként. Ehhez tegye címke belsejében címke.

Példa:

 <img src="//techcodeview.com/img/html-tutorial/39/html-image-2.webp"> 
Tesztelje most

Kimenet:


Támogatott böngészők

Elem chrome böngészőKróm azaz böngészőAZAZ firefox böngészőFirefox opera böngészőOpera safari böngészőSzafari
IgenIgenIgenIgenIgen