٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش تصاویر HTML

تصاویر می توانند طراحی و ظاهر یک صفحه وب را بهبود بخشند. مثال <img src="pic_trulli.jpg" alt="Italian Trulli"> مثال <img src="img_girl.jpg" alt="Girl in a jacket"> مثال <img src="img_chania.jpg" alt="Flowers in Chania"> نحو تصاویر HTML از <img>برچسب HTML برای جاسازی تصویر در یک صفحه وب…
26 ژوئن 2021

تصاویر می توانند طراحی و ظاهر یک صفحه وب را بهبود بخشند.

مثال

<img src="pic_trulli.jpg" alt="Italian Trulli">

مثال

<img src="img_girl.jpg" alt="Girl in a jacket">

مثال

<img src="img_chania.jpg" alt="Flowers in Chania">

نحو تصاویر HTML

از <img>برچسب HTML برای جاسازی تصویر در یک صفحه وب استفاده می شود.

تصاویر از نظر فنی در یک صفحه وب درج نمی شوند. تصاویر به صفحات وب پیوند داده می شوند. <img>تگ فضایی برای تصویر ایجاد می کند.

<img>تگ خالی است، فقط شامل ویژگی ها، و یک تگ پایانی ندارد.

<img>برچسب دو موجودیت های مورد نیاز:

src – مسیر تصویر را مشخص می کند

alt – متن دیگری را برای تصویر مشخص می کند

<img src="url" alt="alternatetext">

صفت src

srcویژگی مورد نیاز مسیر (URL) به تصویر را مشخص می کند.

توجه: هنگام بارگیری یک صفحه وب ؛ در آن لحظه ، مرورگر است که تصویر را از یک وب سرور می گیرد و آن را به صفحه وارد می کند. بنابراین ، اطمینان حاصل کنید که تصویر در رابطه با صفحه وب در همان نقطه باقی مانده است ، در غیر این صورت بازدید کنندگان شما یک نماد لینک شکسته دریافت می کنند. altاگر مرورگر نتواند تصویر را پیدا کند ، نماد پیوند شکسته و متن نشان داده می شود

مثال

<img src="img_chania.jpg" alt="Flowers in Chania">

صفت alt

altاگر کاربر به دلایلی نتواند آن را مشاهده کند (به دلیل کند بودن اتصال ، خطا در ویژگی src یا اگر کاربر از صفحه خواننده استفاده می کند) ، ویژگی مورد نیاز متنی جایگزین را ارائه می دهد.

مقدار altویژگی باید تصویر را توصیف کند:

مث

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها