Casharkaan, waxaan baran doonaa sida loogu daro sawirro, cod, iyo muuqaal boggaaga HTML.
1. Summada Sawirka (Image Tag)
Si aad u gasho sawir, isticmaal summada <img>. Summadani waa isku-xidhe (self-closing) — uma baahna summada xiritaan.
<img src="sawirkayga.jpg" alt="Sharaxaada sawirka">Sifooyinka muhiimka ah:
src(source): Waa waddada ama URL-ka sawirka.alt(alternative text): Waa qoraalka la arki doono haddii sawirku uu guul daraysto, ama dadka aan arkaynin ee isticmaalaya akhristayaasha shaashadda (screen readers).
2. Cabbirka Sawirka
Waxaad xakamayn kartaa cabbirka sawirka adiga oo isticmaalaya sifooyinka width iyo height. Waxaa fiican in la isticmaalo CSS si loo ilaaliyo saamiga (aspect ratio).
<img src="sawirkayga.jpg" alt="Sharaxaad" width="400" height="300">3. Ku darista Codka (Audio)
Summada <audio> waxaa loo isticmaalaa codka.
<audio controls>
<source src="codkayga.mp3" type="audio/mpeg">
Biraawsarkaagu ma taageero codka HTML5.
</audio>Sifo controls waxay ku darsaa badhamada ciyaarista/joogsiga.
4. Ku darista Muuqaalka (Video)
Summada <video> waxaa loo isticmaalaa muuqaalka.
<video width="320" height="240" controls>
<source src="fiidiyowga.mp4" type="video/mp4">
Biraawsarkaagu ma taageero muuqaalka HTML5.
</video>5. Qoraalka Alt: Muhiimadda Helitaanka (Accessibility)
Qoraalka alt wuxuu u adeegaa:
- Dadka indhoolayaasha ah ee isticmaalaya screen readers.
- Marka sawirku uu guul daraysto (broken image).
- Matoorada raadinta (SEO) — waxay caawiyaan Google inuu fahmo nuxurka sawirka.
Tusaale fiican: <img src="dalxiis-mogadishu.jpg" alt="Sawir laga soo qaaday xeebta Muqdisho, cimilo qorax leh">
Tusaale xun: <img src="dalxiis-mogadishu.jpg" alt="Sawir">
Layli (Practice)
- Ku dar sawir boggaaga HTML adiga oo isticmaalaya
srciyoalt. - Ku dar fayl cod (audio) ah oo leh badhamada
controls. - Ku dar fayl muuqaal (video) ah.
- Hubi in dhammaan
alt-yadaagu ay sharaxaan nuxurka sawirka si buuxda.
Sii wadashada: Casharka xigta, waxaan baran doonaa sida loo abuuro jadwalka xogta (data tables)!