HTML

4-dars uchun

Mavzu: Htmlda <IMG> tegi!

<img> yorlig'i 

 Rasm qo'shish uchun <img> tegidan foydalaniladi. Unda faqat atributlar mavjud va yakunlovchi teg mavjud emas. 

 Tasvirning URL manzili (manzili) src atributidan foydalanib aniqlanishi mumkin. 

 HTML rasm sintaksisi quyidagicha:

ALT atributi!

<img src="image.jpg" alt="bu yerda rasm bor edi">

Alt atributi rasm uchun muqobil matnni belgilaydi.

Brauzer rasmni ma'lum bir sababga ko'ra yuklamay qolsa, rasmni o'rniga alt atributidagi qiymat ekranga chiqadi.

Rasm joylashuvi 

 Qo'shtirnoq ichidagi src atributi uchun rasm joylashuvini qo'yishingiz kerak. 

 Masalan, agar sizda HTML fayli bilan bir xil papkada "tree.jpg" deb nomlangan rasm bo'lsa, kodingiz quyidagicha ko'rinishi kerak:

Agar rasm ko'rsatilmasa, alt atribut tasvirni so'zlar bilan tavsiflovchi qo'shimcha matnni belgilaydi. Alt atributi talab qilinadi.

Rasmning o'lchamlari 

 Rasm hajmini aniqlash uchun kenglik va balandlik atributlaridan foydalaning. 

 Qiymatni piksel yoki foiz sifatida ko'rsatish mumkin:

Rasmlarni yuklash vaqt talab etadi. Katta rasmlardan foydalanish sahifangizni sekinlashtirishi mumkin, shuning uchun ularni ehtiyotkorlik bilan ishlating.

Rasm chegarasi 

 Odatiy bo'lib, rasmda chegara yo'q. Tasvir atrofidagi chegarani yaratish uchun tasvir yorlig'idagi chegara atributidan foydalaning:

Internet Explorer 9 va oldingi versiyalarida chegara atributi aniqlanmaguncha rasm atrofidagi chegaralar aks etadi.

O'zingizni sinab ko'ring:

<img src="https://my.abdulhafiz.uz/images/Sertifikat.jpg" alt="Sertifikat" width="840px" height="640px" border="3px"/>

Siz bu holatda boshqa saytlarda joylashgan Rasmlardan o'zingizni saytingiz uchun foydalanishiz uchun qo'llaniladi!