Solvita: html aldoni bildon de fora fonto

La ĉefa problemo rilate al HTML-aldono de bildoj de foraj fontoj estas, ke ĝi povas konduki al malrapidaj tempoj de ŝarĝo de paĝoj. Ĉi tio estas ĉar la retumilo devas fari apartan peton por ĉiu bildo, kiu povas rapide aldoniĝi se estas pluraj bildoj sur la paĝo. Aldone, se la fora fonto malfunkcias aŭ havas malrapidan konekton, tio povas plu prokrasti paĝajn ŝarĝtempojn. Fine, estas ankaŭ pliigita risko de sekurecaj vundeblecoj ĉar la bildoj estas eltiritaj de ekstera fonto.

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

1. Ĉi tiu linio de kodo estas HTML-bilda etikedo, kiu estas uzata por montri bildon sur retpaĝo.
2. La atributo "src" specifas la URL de la montrota bildo, ĉi-kaze ĝi estas "https://example.com/image.jpg".
3. La atributo "alt" provizas alternativan tekston por la bildo, ĉi-kaze ĝi estas "Ekzempla Bildo".

img src-atributo

La img src-atributo en HTML estas uzata por specifi la fonton de bildo. Ĝi estas uzata ene de la etikedo por difini la fonton de bildo. La valoro de ĉi tiu atributo devus esti valida URL montranta al bilddosiero. Ĉi tiu atributo estas postulata por ĉiuj bildoj sur retpaĝo, kaj ĝi permesas al la retumilo lokalizi kaj montri la bildon.

Kiel mi aldonu eksteran bildon en HTML

Aldoni eksteran bildon en HTML estas sufiĉe simpla. Ĉio, kion vi bezonas fari, estas uzi la etikedu kaj specifu la fonton de la bildo uzante la atributon src. La sintakso por aldoni eksteran bildon en HTML aspektas jene:

alternativa teksto

Kie "image_url" estas ligilo al la bilddosiero, kaj "alternativa teksto" estas priskribo de kio estas en la bildo (por alirebleco).
Ekzemple, se vi volus aldoni eksteran bildon de via retejo nomata mia-bildo.jpg, via kodo aspektus jene:
Bildo de strando

Rilataj afiŝoj:

Lasu komenton