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
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:
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:
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 | Króm | AZAZ | Firefox | Opera | Szafari |
Igen | Igen | Igen | Igen | Igen |