وارد کردن تصاویر در صفحات 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 استفاده کنید ممکن است مرورگر شما عکسی را در صفحه نشان ندهد. پس در نوشتن آنها دقت کنید.

 

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


نظرات بازدید کنندگان
Fri, 11 Jul 2008 16:40:17 +0430 نویسنده : farshad
azizan manzor ine ke on axi ke mikhaid bezarid bayad male ye sait bashe maslan google maslan mirid to google ye ax entekhab mikonid adresesh mishe in http://www.image.google.com/d84jf.jpg  albate begam man sahebe in sait nistam didam inja hichki javab nemide goftam bezar man bedam
 
Sun, 04 May 2008 20:23:28 +0430 نویسنده : ali
agha man matlabo dobare khondam moshkele aksa hal shod :P
motshakeramm shadid
 
Sun, 04 May 2008 19:56:23 +0430 نویسنده : علی
منم مشکل بالایی ها رو دارم
 
Sat, 29 Mar 2008 08:26:09 +0330 نویسنده : Masaud Azimi
It doesnt work  
  
 
ساعت: 02:43 - تاریخ: 11 بهمن 1386 نویسنده : کیارش
راستش من نفهمیدم منظور شما از پوشه ای که عکس و صفحه ما در آن قرار دارد کدوم پوشست......HHHHHHHHMMMMMMMMM
 
ساعت: 16:06 - تاریخ: 27 دی 1386 نویسنده :
چه جوری می شه یک فایل فلش و وارد کد html کرد
 
ساعت: 13:20 - تاریخ: 20 دی 1386 نویسنده : fatemeh
سلام مطالب اين صفحه اصلا عملي نيست هركاري مي كنم نمي تونم تو صفحه عكس بيارم . منظورتون از اينكه فايل و عكس تو يك پوشه باشه چيه و چطوري آدرس فايل مشخص مي شه؟ لطفا اگه ممكنه جوابمو بديد.