Megoldva: html kép hozzáadása távoli forrásból

A távoli forrásokból származó képek hozzáadásával kapcsolatos fő probléma az, hogy az oldalak lassú betöltési idejéhez vezethet. A böngészőnek ugyanis minden képhez külön kérést kell küldenie, ami gyorsan összeadódik, ha több kép is van az oldalon. Ezenkívül, ha a távoli forrás nem működik, vagy lassú a kapcsolata, ez tovább késleltetheti az oldalbetöltési időt. Végül a biztonsági rések fokozott kockázata is fennáll, mivel a képek külső forrásból származnak.

<img src="https://example.com/image.jpg" alt="Example Image">

1. Ez a kódsor egy HTML képcímke, amely egy kép megjelenítésére szolgál egy weboldalon.
2. Az „src” attribútum a megjelenítendő kép URL-jét adja meg, ebben az esetben ez „https://example.com/image.jpg”.
3. Az „alt” attribútum alternatív szöveget biztosít a képhez, jelen esetben ez „Példakép”.

img src attribútum

A HTML img src attribútuma a kép forrásának megadására szolgál. Azon belül használják címkét a kép forrásának meghatározásához. Az attribútum értékének érvényes URL-nek kell lennie, amely egy képfájlra mutat. Ez az attribútum a weboldalon lévő összes képhez szükséges, és lehetővé teszi a böngésző számára a kép megkeresését és megjelenítését.

Hogyan adhatok hozzá külső képet HTML-ben

Külső kép hozzáadása HTML-ben meglehetősen egyszerű. Mindössze annyit kell tennie, hogy használja a címkét, és adja meg a kép forrását az src attribútummal. A külső kép HTML-ben történő hozzáadásának szintaxisa így néz ki:

alternatív szöveg

Ahol az „image_url” a képfájlra mutató hivatkozás, az „alternatív szöveg” pedig a képen szereplő tartalmak leírása (kisegítő lehetőségek).
Ha például egy külső képet szeretne hozzáadni a webhelyéről my-image.jpg néven, akkor a kód így néz ki:
Egy tengerparti kép

Kapcsolódó hozzászólások:

Írj hozzászólást