close
تبلیغات در اینترنت
جای گذاری عکس در صفحات html
بستن پنجره
با کليک بر روي +1 سایت ما را در گوگل محبوب کنيد.
به ما +1 بدهيد!
کمی طاقت داشته باشید...

وی ست

مرجع دانلود فیلم و سریال

امروز جمعه 27 مهر 1397 روز خوبی داشته باشید.

مکان تبلیغات شما
آخرین ارسالی های انجمن
درخواست فیلمفیلم های درخـــواستی خودر را از طریق لینک زیر به گوش ما برسانید .
خبر نامه با عضویت در خبرنامه از آخرین اخبار مطالب و سایت ما با خبر شوید .
تبلیغات
قرار دادن عکس در صفحه
قرار دادن عکس در صفحه
  • نویسنده : رسول
  • ارسال شده در تاریخ یکشنبه 21 دي 1393 و ساعت 23:20
  • بازدید : 168
  • نظرات : تا
  • ادامه مطلب
  • برای دانلود به ادامه مطلب بروید موضوعات

وارد کردن تصاویر در صفحات HTML

 

آیا شما می خواهید یک عکس را به صفحه خود اضافه کنید؟ برای این کار باید از تگ زیر استفاده کنید:

 

<"img src="image.gif>

 

در این تگ IMG نشانه قرار گرفتن تصویر در صفحه و SRC آدرس محل قرار گرفتن فایل عکس است. حتماً لازم نیست این عکس مربوط به سایت شما باشد یا در سرور شما قرار داشته باشد، شما می توانید هر عکسی که در اینترنت قابل دسترسی باشد استفاده کنید (اگر قصد دارید صفحه خود را در یک سایت اینترنتی قرار دهید) . شما می توانید فقط نام فایل را به جای آدرس کامل بنویسید اگر صفحه ای که عکس باید در آن قرار گیرد و خود عکس در یک پوشه قرار داشته باشند.

مثلاً اگر عکس شما در این آدرس قرار دارد http://up.weset.ir/up/sbi/pictures/logomini.pngو صفحه ای که در حال ویرایش آن هستید در پوشه ای غیر از این قرار دارد شما باید تگ زیر را برای اضافه کردن عکس به صفحه خود به کار ببرید:

 

<"img src="http://up.weset.ir/up/sbi/pictures/logomini.png>

 

پسوند فایل حتماً نباید png. باشد. یعنی شما می توانید از فرمتی مثل jpg یا gif نیز استفاده کنید. این  دو فرمت از بقیه پر استفاده تر هستند. اگر شما عکسی با فرمتی غیر از این دو فرمت دارید می توانید از برنامه های ویرایش عکس از قبیل فتوشاپ برای تبدیل کردن آنها استفاده کنید.

 

 

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

 

 <"img src="http://s2.freeupload.ir/i/00059/3t2vfdno0oth.png>

 

با نوشتن این تگ، این تصور را در صفحه نهایی می بینیم:

 

 

به این ترتیب یک تصویر را در سمت چپ صفحه خواهیم دید (در صورتی که صفحه ما چپ به راست باشد). اگر می خواهید تصویر در مرکز صفحه ( وسط خط ) قرار گیرد باید از تگ <CENTER> در اطراف تگ تصویر استفاده کنید. مانند زیر:

 

<center>

<"img src="http://s2.freeupload.ir/i/00059/3t2vfdno0oth.png>

</center>

 

تصویر به دست آمده به صورت زیر است:

 

 

روشهای دیگری هم برای نمایش عکس در وسط صفحه وجود دارد که با توجه به کم کاربرد شدن تگ <center> در نسخه چهارم HTML از آنها استفاده می شود. مثلاً می توان از تگ <div> با شناسه "align="center استفاده کرد.

 

به خاطر داشته باشید که آدرس محل عکس و نام آن به حروف کوچک و بزرگ حساس هستند. پس ممکن است اگر به جای image.jpg از IMAGE.JPG استفاده کنید ممکن است مرورگر شما عکسی را در صفحه نشان ندهد. پس در نوشتن آنها دقت کنید. 

 

در مورد اضافه کردن عکسها به صفحه بعداً با جزئیات بیشتری توضیح می دهیم. تا اینجا یاد گرفتیم چگونه یک عکس را به صفحه اضافه کنیم و نحوه قرار گیری آنرا در صفحه تعیین کنیم.

لطفا نظرتان رو درباره این آموزش بگید
ارسال به تلگرام

برچسب ها : افزودن عکس , قرار دادن عکس , افزودن عکس به صفحات , افزودن عکس به صفحات html , قرار دادن عکس در صفحات html , آموزش ساده html , نحوه افزودن عکس به صفحات html , قرار دادن عکس با html ,

ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
  • پیشنهادی
  • پربازدید
  • جدید
  • نظرات

تبلیغات

آمار سایت

  • کل مطالب : 361
  • کل نظرات : 38
  • افراد آنلاین : 1
  • تعداد اعضا : 7
  • بازدید امروز :37
  • باردید دیروز : 62
  • گوگل امروز : 0
  • گوگل دیروز : 1
  • بازدید هفته : 301
  • بازدید ماه : 2,004
  • بازدید سال : 62,851
  • بازدید کلی : 319,154
  • آرشیو

    نویسندگان

    چت باکس

    ارشيو پيغام کوتاه   
     

    لینک دوستان

    تبادل لینک هوشمند

    تبادل لینک هوشمند : برای تبادل لینک ابتدا مارا دقیقا به این صورت با عنوان وی ست مرجع تحصصی دانلود فیلم وآدرس http://www.weset.ir لینک نمایید سپس مشخصات لینک خود را در زیر نوشته . در صورت وجود لینک ما در سایت شما لینکتان به طور خودکار در سایت ما قرار میگیرد

    عنوان :
    آدرس :
    کد : کد امنیتیبارگزاری مجدد

    کاربران

    جستجو


    صفحات جداگانه

    عضویت سریع

    نام کاربری :
    رمز عبور :
    تکرار رمز :
    ایمیل :
    نام اصلی :
    کد امنیتی : * کد امنیتیبارگزاری مجدد