<img> waa tag muhiim ah oo loo isticmaalo HTML si sawirro loogu daro bogagga internetka. Taggan wuxuu kuu oggolaanayaa inaad sawir ku muujiso bogga adigoo adeegsanaya fayl dibadda ah oo aad xigato. <img> waa tag aan xidhitaan lahayn (self-closing), taasoo micnaheedu yahay inuusan u baahnayn inuu lahaado tag xiritaan.
 |
| how to use image tags in html |
Astaamaha Tag-ga <img>
Marka <img> la isticmaalo, waxaa khasab ah in la raaciyo laba astaamood oo muhiim ah:
src (source) - Tani waa meesha loo sheego URL-ka ama meesha faylka sawirka yaallo. Waa qaybta ugu muhiimsan oo aan looga maarmin tagga <img>.
Tusaale:
html<img src="sawir.jpg" />alt (alternative text) - Waa qoraal kooban oo lagu sheego waxa sawirka ka tarjumayo haddii uusan sawirku soo muuqan karin sababo la xiriira farsamo ama internet-yar. Waxa kale oo uu alt-ka muhiim u yahay dadka isticmaala qalabka caawinta aragga.
Tusaale:
html<img src="sawir.jpg" alt="Sawir ka hadlaya muuqaalka deegaanka" />
Astaamaha Ikhtiyaariga ah
width iyo height - Waxaad ku cabbiri kartaa dhererka iyo ballaca sawirka adigoo adeegsanaya px (pixels) ama boqolkiiba (%).
Tusaale:
html<img src="sawir.jpg" width="500" height="300" />title - Waxa kale oo aad ku dari kartaa qoraal muuqda marka user-ka dul istaago sawirka. Tani waxay bixisaa xog dheeri ah oo ku saabsan sawirka.
Tusaale:
html<img src="sawir.jpg" alt="Sawir deegaanka" title="Muuqaalka quruxda badan ee deegaanka" />loading - Astaantan waxaa loo isticmaalaa in lagu xakameeyo sida sawirku u soo dhaco. Waxaa jira laba xulasho:
lazyiyoeager. Lazy loading wuxuu sawirka ka dhigaa mid soo daaha ilaa inta user-ka uu hoos ugu socdaalaysto bogga.html<img src="sawir.jpg" loading="lazy" />
Tagga <img> wuxuu muhiim u yahay bogagga websaydhyada, isagoo bogga ka dhiga mid firfircoon oo soo jiidasho leh. Isticmaalka saxda ah ee astaamaha kala duwan wuxuu caawinayaa inaad si wanaagsan ugu soo bandhigto sawirro isla markaana la jaanqaaddo caqabadaha farsamo ee dhici kara.