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

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

align="left"
align="right"

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

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

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

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

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

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

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

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

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

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