Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

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

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

<img src="image.gif">

در این تگ IMG نشانه قرار گرفتن تصویر در صفحه و SRC آدرس محل قرار گرفتن  فایل عکس است. حتماً لازم نیست این عکس مربوط به سایت شما باشد یا در سرور شما  قرار داشته باشد، شما می توانید هر عکسی که در اینترنت قابل دسترسی باشد  استفاده کنید (اگر قصد دارید صفحه خود را در یک سایت اینترنتی قرار دهید) . شما  می توانید فقط نام فایل را به جای آدرس کامل بنویسید اگر صفحه ای که عکس باید  در آن قرار گیرد و خود عکس در یک پوشه قرار داشته باشند.
مثلاً اگر عکس شما  در این آدرس قرار دارد http://www.example.com/images/image.gif و صفحه ای که  در حال ویرایش آن هستید در پوشه ای غیر از این قرار دارد شما باید تگ زیر را  برای اضافه کردن عکس به صفحه خود به کار ببرید:

<img src="http://www.example.com/images/image.gif">

اگر فایل html و عکس هر دو در یک پوشه باشند می توانید برای راحتی در تایپ  کردن از این تگ استفاده کنید:

<img src="image.gif">

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

برای نمونه من می خواهم یک عکس را با نام learn_html.gif را که در پوشه همین  صفحه قرار دارد را به این صفحه اضافه کنم. در اینجا از این تگ استفاده کرده ام:

 <img src="learn_html.gif">

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

Learn HTML with NeoPersia.org

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

<center>
<img src="learn_html.gif">
</center>

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

Learn HTML with NeoPersia.org

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

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

 

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



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

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36579
افراد آنلاین : 2
بازدید امروز : 188
بازدید دیروز : 755
گوگل امروز : 10
گوگل دیروز : 125
بازدید هفته : 2,527
بازدید ماه : 19,973
بازدید سال : 302,897
بازدید کلی : 10,697,373