Galvenā problēma, kas saistīta ar HTML attēlu pievienošanu no attāliem avotiem, ir tā, ka tas var izraisīt lēnu lapas ielādes laiku. Tas ir tāpēc, ka pārlūkprogrammai ir jāiesniedz atsevišķs pieprasījums katram attēlam, kas var ātri pievienoties, ja lapā ir vairāki attēli. Turklāt, ja attālais avots nedarbojas vai tam ir lēns savienojums, tas var vēl vairāk aizkavēt lapas ielādi. Visbeidzot, pastāv arī paaugstināts drošības ievainojamību risks, jo attēli tiek iegūti no ārēja avota.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Šī koda rindiņa ir HTML attēla tags, ko izmanto attēla attēlošanai tīmekļa lapā.
2. Atribūts “src” norāda parādāmā attēla URL, šajā gadījumā tas ir “https://example.com/image.jpg”.
3. Atribūts “alt” nodrošina attēla alternatīvu tekstu, šajā gadījumā tas ir “Piemēra attēls”.
img src atribūts
HTML atribūts img src tiek izmantots, lai norādītu attēla avotu. To izmanto ietvaros tagu, lai definētu attēla avotu. Šī atribūta vērtībai ir jābūt derīgam URL, kas norāda uz attēla failu. Šis atribūts ir nepieciešams visiem tīmekļa lapas attēliem, un tas ļauj pārlūkprogrammai atrast un parādīt attēlu.
Kā pievienot ārēju attēlu HTML
Ārēja attēla pievienošana HTML ir diezgan vienkārša. Viss, kas jums jādara, ir izmantot tagu un norādiet attēla avotu, izmantojot atribūtu src. Sintakse ārējā attēla pievienošanai HTML izskatās šādi:
Kur “image_url” ir saite uz attēla failu, bet “alternatīvais teksts” ir attēlā redzamā satura apraksts (pieejamības nolūkos).
Piemēram, ja vēlaties pievienot ārēju attēlu no savas vietnes ar nosaukumu my-image.jpg, jūsu kods izskatītos šādi:
