Jinsi ya Kutumia Images na Alt Attributes
Jifunze kuongeza picha kwa <img>, matumizi ya alt kwa accessibility na SEO, na sizing.
🌍 https://www.faulink.com/ • 📞 +255 693 118 509
Tags:
HTML Images, img tag, alt attributes, accessibility, faulink, seo
Keywords:
html image tag, alt text, how to add images, jinsi ya picha html
Code (save as video15.html)
Hakikisha unaweka picha assets/images/faulink-logo.png ndani ya project au tumia external URL.
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Images & Alt - Faulink</title>
</head>
<body>
<h1>Example ya Image</h1>
<!-- Local image (place image at assets/images/faulink-logo.png) -->
<img src="assets/images/faulink-logo.png" alt="Nembo ya Faulink" width="250">
<h2>Image with alt for accessibility</h2>
<p>Alt text husaidia screen readers na SEO.</p>
<!-- External image -->
<img src="https://via.placeholder.com/300x150" alt="Placeholder image">
</body>
</html>
🚀 Unahitaji mfumo au website ya biashara?
Chagua huduma hapa chini kisha mteja bofya moja kwa moja kwenda kwenye ukurasa wa huduma au kuwasiliana nasi kwa WhatsApp.