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&quot; alt="Placeholder image">
</body>
</html>