Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

لطفا لحظه ای صبر کنید ...



طراح جوان

tarrah-javan page backgroung

آموزش تگ img

آموزش تگ img

1399/7/23


دلایل زیادی وجود دارد که ممکن است بخواهید یک عکس به صفحه وبسایتتان اضافه کنید مانند اضافه کردن لوگو، نمودار یا دیاگرام.
یک تصویر می تواند به جای هزاران کلمه صحبت کند

توصیه

اگر در حال ساخت یک وبسایت از صفر هستید، بهتر است پوشه‌های تصاویر را جدا کنید. همانطور که وبسایت رشد می‌کند، جدا نگه‌داشتن تصاویر در فولدر‌های جداگانه به شما کمک می کند تا سازمان‌دهی بهتر برروی وبسایت خود اعمال کنید.

شروع به کار با تگ img

برای اضافه کردن یک تصویر در HTML با استفاده از تگ img می‌بایست مانند زیر عمل کنیم:

<img src="Image Address">

در بالا به جای Image Address می‌بایست آدرس تصویر را جایگزین کنید.

نکته :

تگ img نیازی به تگ بستن ندارد.

مثال

نمونه کامل استفاده شده از تگ img در فایل html

<!DOCTYPE html> <html> <body> <img src="https://tarrah-javan.ir/Logo/Logo.png" alt="tarrah-javan Logo" width="100%"> </body> </html>

توضیحات

اتربوت alt بسیار مهم و حیاطی است زیرا زمانی که عکس به هر دلیلی اجرا نشد عکس وجود نداشت و لینک شکسته بود متن پشتیبان موجود در اتربوت alt اجرا میشود و برای سئو تاثیر مثبت فراوانی دارد و width تنظیم کننده اندازه طول تصویر است.


امیدوارم آموزش مفید واقع شده باشه

دانلود فایل ها

برای دانلود وارد اکانت خود شوید و یا از طریق ایمیل خود لینک دانلود را دریافت نمایید

دیدگاه ها

ارسال دیدگاه

نویسنده

tarrah-javan admin

محمد رحیمی

عضویت در خبرنامه

با عضویت در خبرنامه از آخرین آموزش ها مطلع شوید

کلمات کلیدی

تگ img

picture in html

نحوه آوردن تصویر به html

آموزش آوردن عکس به html

تصاویر در html img