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 اضافه کنیم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا