Rasm shunchaki matnga toʻgʻridan-toʻgʻri kiritilmaydi. Brauzerga uning nomi aytiladi va uni ekranda qayerda va qanday joylashtirish haqida ko'rsatma beriladi. Buning uchun bitta HTML img tegidan foydalaning. U veb-sahifadagi grafik obyektning joylashuvini belgilaydi.
Agar teglar uchun koʻplab atributlar ixtiyoriy boʻlsa, img tegida kamida bitta parametr boʻlishi kerak - rasm manzili. Bu atribut src deb ataladi:
- - bu joriy katalogda saqlangan goat-j.webp" />
- - img tegining ushbu parametri bilan brauzer internetda megasellmag.ru saytida joylashtirilgan rasmni yuklaydi.
Hizlanish atributlari
Tasvirlarni HTML-dan foydalanib sahifaga joylashtirish uchun img tegidan foydalaniladi, uning atributlari rasmni sahifaga joylashtirish va matnni oʻrash xarakteri uchun javobgardir.
Sukut boʻyicha brauzer tasvirni ekranning oʻrtasiga joylashtiradi va matn uning atrofiga oʻralmaydi. Img yorlig'i align atributi (hizalama) yordamida brauzerga o'z noroziligingizni bildirish imkonini beradi.
- rasm sahifaning chap chetiga joylashtiriladi va matn uning atrofida o'ngda aylanadi.
Agar rasm oʻngga (align=oʻngga), oʻrtaga (align=middle), tepaga (align=top), pastga joylashtirilsa, matnning harakati oʻxshash boʻladi.(align=pastki) va markazda (markazda).
Sozlamalar va oʻlchamlar
Matnning tasvirlarga kirib ketishining oldini olish uchun img tegi maxsus atributlarga ega bo'ldi -hspace (gorizontal/gorizontal chekkalar) va vspace (vertikal/vertikal chekkalar), ular rasmlarning chetlaridagi matn chekinish miqdorini aniqlaydi. piksel.
Rasm nafaqat itoatkorlik bilan belgilangan miqdorda matndan uzoqlashadi, balki sahifa chetidan ham uzoqlashadi, shuning uchun katta chekinishlarga yo'l qo'ymaslik yaxshiroqdir.
Tasvirlarning geometrik oʻlchamlari juda muhim boʻlib, ular nafaqat kerakli, balki tasvirni toʻgʻri koʻrsatish uchun koʻrsatish uchun ham zarur. Buning uchun kengligi (kenglik) va balandlik (balandlik) atributlaridan foydalaniladi, ularning qiymati piksel yoki foizlarda belgilanadi.
Agar siz faqat kenglikni belgilasangiz, balandlik asl nisbatlar bilan avtomatik ravishda tanlanadi. Foiz oʻlchamlari brauzer oynasining oʻlchamidan qatʼi nazar, tasvirni sahifaning oʻng qismiga joylashtirish imkonini beradi va bu ehtiyoj tez-tez yuzaga keladi.
Boshqa variantlar
Chegara atributi tasvirni belgilangan qalinlikdagi ramka ichiga oladi, brauzer sukut boʻyicha buni qilmaydi.
Chegara, shuningdek, ma'nosiz ko'rinadigan nol kenglikka ega bo'lishi mumkin (chegara='0'), lekin bu tasvir havolaga aylanguncha, brauzer ko'rsatmalarni kutmasdan avtomatik ravishda uni ko'k hoshiya bilan aylantiradi.
Internet tezligi pastligidan g'azablangan ba'zi sabrsiz foydalanuvchilar shunchaki rasmlarni ko'rsatishni o'chirib qo'yishadi. Bunday holatlar uchun alt parametr taqdim etiladi, bu sizga kirish imkonini beradifoydalanuvchi rasmni yuklashga shoshilayotgan maydonda ko'radigan muqobil matn.
Agar sizga alt parametr imkoniyatlari yoqmasa, img tegi longdesc atributini taklif qilishi mumkin, uning qiymati batafsil tavsifga ega hujjatning URL manzilidir.
Foydalanish xaritasi va ismap atributlari brauzerga tasvirning giperhavolalar alohida hududlar (havola xaritasi) boʻlgan rasm boʻlishini aytadi, faqat usemap parametri serverdagi navigatsiya xaritasini, ismap esa – xaritani aniqlaydi. mijoz tomoni.
Quyidagi rasmdagi 1-havola tavsifi:
Ekzotik narsalar
lowsrc atributi brauzerga avval asl tasvirning pastroq sifatdagi nusxasini (yoki boshqa muqobilini) va shuning uchun "engilroq" nusxasini yuklab olishni buyuradi. Ushbu hiyla foydalanuvchi uchun past Internet tezligida taqdim etiladi. Asl rasm yuklanganda "soxta" o'rniga qo'yiladi.
Img tegining kamroq qoʻllaniladigan galleryimg atributi tasvirni boshqarish panelini ishga tushiradi (tugmachani tepaga olib kelganda), bu sizga standart My Pictures papkasini ochish va rasmni chop etish, saqlash yoki elektron pochta orqali yuborish imkonini beradi. Siz galleryimg parametrini yo‘q/noto‘g‘ri deb belgilash orqali panelni o‘chirib qo‘yishingiz mumkin va uni “ha/true” ni sozlash orqali yoqishingiz mumkin.
Yangi HTML5 spetsifikatsiyasida bir qator teglarda ayrim parametrlar eskirgan. Masalan, img ning lowsrc, border, longdesc va name atributlari o‘chirildi.
