رفتن به مطلب
لـــرن نــت

انجمن های پشتیبانی

شما می توانید سوالات و مشکلات خود را در انجمن های تخصصی برنامه نویس ایرانی پیگیری کنید.

تــوجــه

پسورد تمامی فایل ها learn-net.ir میباشد.

تــوجــه

این وب سایت تحت نظر پلیس فتا میباشد و تمامی مطالب طبق قوانین ایران میباشد.

سرور تیم اسپیک

شما هم میتوانید عضو بکس لرن نت در تیم اسپیک باشید ! بالاخره سرور تیم اسپیک انجمن برنامه نویس ایرانی راه اندازی شد که شما میتوانید با نصب نرم افزار teamspeak به جمع ما بپیوندید.

ts.learn-net.ir
رضا محمدی

آموزش html - قسمت شانزدهم - تعیین جای تصاویر در صفحه

پست های پیشنهاد شده

آموزش html - قسمت شانزدهم - تعیین جای تصاویر در صفحه
 
 
تنظیم نحوه قرار گرفتن تصاویر در صفحه
 
 

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

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

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

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

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

learn_html.gif

 

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

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

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

نتیجه هم به صورت زیر است:
این سطر قبل از وارد کردن عکس است
learn_html.gifاین سطر باید در کنار عکس به نمایش درآید
همینطور تا وقتی که
متن به پایان عکس برسد
متن باید در کنار عکس قرار گیرد
تا به پایان عکس برسد
 
 

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

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

 

 

امید وارم این آموزش هم مفید بوده باشه

  • پسندیدم 3

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
مهمان
این موضوع برای عدم ارسال قفل گردیده است.

×