htmlطراحی سایت
جلسه ۱۵: عنصر img در html

عکسها را در صفحات وب خود جاسازی کنید
موارد زیر را بیان خواهیم کرد
- تصاویر
تصاویر
با استفاده از برچسب <img
> تصویری را با ویژگی (آدرس)src
در صفحه وب خود قرار دهید که حاوی مسیر فایلی است به تصویری که می خواهید در آن گنجانده شود. از ویژگی alt
برای تهیه متن جایگزین همراه با توصیف تصویر در صورت لود نشدن یا خواندن توسط صفحه خوان برای افراد معلول استفاده کنید.
برخلاف بیشتر عناصری که تاکنون با آنها روبرو شده ایم ، عنصر img
برچسب بسته ندارد:
<!-- Incorrect img declaration -->
<img src="path/to/image/cat.jpg" alt="A cat"></img>
<!-- Correct img declaration -->
<img src="path/to/image/cat.jpg" alt="A cat">
<html>
<head>
<title>Waterfall Photography ۱۰۱</title>
</head>
<body>
<h1>Waterfall Photography ۱۰۱</h1>
<div class=”imgContainer”>
<img src=”/udata/DErqVR5q0Pv/longexposurewaterfall1.jpg” alt=”Long Exposure Waterfall”>
<h4 class=”caption”>Learn how to take stunning waterfall pictures!</h4>
</div>
</body>
</html>
اکنون که افزودن عنصر تصویر را به یک صفحه HTML
آموخته اید ، بیایید بیاموزیم که در درس بعدی عناصر معنایی را به یک صفحه HTML
اضافه کنیم.