HTML <img>

<img> — sahifaga rasm joylashtiradigan teg. Fotosurat, logotip, ikonka yoki diagramma — barchasi <img> orqali sahifaga qo’shiladi. U yopuvchi tegga ega bo’lmagan bo’sh (void) element bo’lib, rasmni manzil orqali yuklaydi.

<img> (image) — sahifaga rasm joylashtiradigan teg. Uning src atributi rasm manzilini, alt atributi esa muqobil matnni belgilaydi.

Oddiy foydalanish

<img> tegiga src (rasm manzili) va alt (muqobil matn) beriladi:

<img src="logo.png" alt="UzbekDevs logotipi" width="200">

[UzbekDevs logotipi rasmi, kengligi 200px]

src — rasm faylining manzili, alt — rasm ko’rinmaganda yoki ekran o’quvchi uchun ishlatiladigan matn. <img> yopuvchi tegga ega emas.

alt atributining muhimligi

alt — <img> ning eng muhim atributi. U bir necha vazifani bajaradi:

alt ni doim yozing — bu ham foydalanuvchi qulayligi, ham qidiruv optimizatsiyasi uchun muhim.

Rasm o’lchami

width va height atributlari rasm o’lchamini belgilaydi:

<img src="rasm.jpg" alt="Manzara" width="400" height="300">

[400x300 o'lchamli manzara rasmi]

O’lchamlarni ko’rsatish sahifa yuklanishini tezlashtiradi, chunki brauzer rasm uchun joyni oldindan biladi. Odatda faqat bittasini (masalan, width) berib, ikkinchisini avtomatik moslashtirish tavsiya etiladi.

Rasm manbalari

Rasmni ikki xil manzil orqali ulash mumkin. Ichki rasm — loyihaning o’z papkasidan, tashqi rasm — boshqa saytdan:

<img src="rasmlar/foto.jpg" alt="Ichki rasm">
<img src="https://uzbekdevs.uz/logo.png" alt="Tashqi rasm">

[Ichki va tashqi manbalardan ikki rasm]

Ichki rasm — o’z serveringizdagi fayl, tashqi rasm esa boshqa manzildan yuklanadi. Ichki rasmlarni ishlatish tezroq va ishonchliroq.

Xulosa

Bu bo’limda <img> tegini, src va alt atributlarini, o’lcham berishni va rasm manbalarini ko’rib chiqdik. Eng muhim eslatma: alt ni doim yozing. <img> — sahifaga rasm qo’shishning asosiy vositasi. Keyingi darsda <input> tegiga o’tamiz.