تنظیم نحوه قرار گرفتن تصاویر در صفحه

برای اینکه بتوانیم یک متن را در کنار یک عکس بنویسیم باید در تگ عکس از یکی این فرمانها استفاده کنیم (در صورتی که از این فرمانها استفاده نشود متن و عکس در دو سطر نمایش داده می شوند):

align="left"
align="right"

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

<img src="learn_html.gif" align="left">

عکس مورد نظر در صفحه به این صورت نمایش داده می شود:

Learn HTML with NeoPersia.org

 

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

به مثال زیر توجه کنید:

این سطر قبل از وارد کردن عکس است<br>
<img src="learn_html.gif" align="left">
این سطر باید در کنار عکس به نمایش درآید<br>
همینطور تا وقتی که<br>
متن به پایان عکس برسد<br>
متن باید در کنار عکس قرار گیرد<br>
تا به پایان عکس برسد<br>

نتیجه هم به صورت زیر است:

این سطر قبل از وارد کردن عکس است
Learn HTML with NeoPersia.org این سطر باید در کنار عکس به نمایش درآید
همینطور تا وقتی که
متن به پایان عکس برسد
متن باید در کنار عکس قرار گیرد
تا به پایان عکس برسد

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

شما می توانید از فرمان "align="right برای قرار دادن عکس در سمت راست صفحه استفاده کنید. در این صورت عکس در سمت راست صفحه نمایش داده می شود و متن در سمت چپ کس دیده می شود.


نظرات بازدید کنندگان
Mon, 16 Mar 2009 00:39:06 +0330 نویسنده : اکبر
مرسی عالی عالـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــی
 
Tue, 03 Mar 2009 10:50:27 +0330 نویسنده : زهرا
واقعا مرسی  کارتون خیلی عالیه موفق باشید.
 
Tue, 03 Mar 2009 10:49:58 +0330 نویسنده : زهرا
واقعا مرسی  کارتون خیلی عالیه موفق باشید.
 
Tue, 18 Nov 2008 21:16:32 +0330 نویسنده : a
من دنبال كد گالري عكس وايجادنواحي حساس به طور كامل هستم اگه ميشه به ايميلم برام بفرست
 
Wed, 14 May 2008 20:33:01 +0430 نویسنده : رضا فراهانی
سلام اقا به ما یه لطفی کن بگو عکس چطوری بزارم تو صفحه من با این کد ها نتونستم یعنی عکس ظاهر نشد. مر30
 
ساعت: 23:53 - تاریخ: 22 دی 1386 نویسنده : alast
واقعا كه خيلي عالي بود من سر كلاس درس htmlنرفتم اما با خوندن سايت شما تونستم پروژه استاد رو تحويل بدم
خيلي ممنون
 
ساعت: 23:38 - تاریخ: 22 دی 1386 نویسنده : حسین احمدی
با سلام
ایا خود شما آموزش طراحی سایت را آموزش می دهید منظور کلاسی هم در این مورد تشکیل داده اید یا نه و اگر چنین کلاسی هست لطفا آدرس محل کلاسها را برایم ارسال کنید