وب سایت آموزشی و فناوری اطلاعات

قراردادن تصویر در پس زمینه | انتخاب تصویر پس زمینه در HTML

قرار دادن یک تصویر به عنوان پس زمینه ، مثل تغییر رنگ پس زمینه می باشد . هر دو باید در بین تگ body قرار بگیرد .
فقط باید دقت داشته باشید که از تصاویری استفاده کنید که دارای درصد رنگ کم و بزرگ نباشد . بدلیل اینکه اگر تصویر مناسبی برای پس زمینه انتخاب نشود سرعت لود صفحات را بسیار کند کرده و این موضوع باعث مشکل و نارضایتی کاربران وب سایت شما می شود .
قراردادن تصویر در پس زمینه | انتخاب تصویر پس زمینه در HTML
برای انجام اینکار باید از تگ background در بین تگ بدنه اصلی سایت یعنی body استفاده کنیم . روش استفاده به شکل زیر می باشد

1
2
3
4
5
6
7
<p></p>
<p style="text-align: left;" dir="ltr"><!DOCTYPE html>
<html>
<body background="image.jpg">
</body>
</html></p>
<p style="text-align: left;" dir="ltr"></p>

همانطور که در کد بالا مشاهده می کنید باید نام عکس را به صورت کامل در بین دو “”تایپ کنید . در صورتیکه آدرس دقیق تصویر خودتان را نمی دانید برای اینکه سایت موقع لود شدن تصویر را نمایش بدهد سعی کنید آدرس کامل را همانند کد زیر تایپ کنید .

1
2
3
4
5
6
7
<p></p>
<p style="text-align: left;" dir="ltr"><!DOCTYPE html>
 <html>
 <body background="https://www.p30iran.com/images/header.jpg">
 </body>
 </html></p>
<p style="text-align: left;" dir="ltr"></p>

اضافه کردن تصویر به پس زمینه یک قالب در بیشتر مواقع در بین کدهای CSS انجام می شود و طراحان سعی می کنند از تصاویری استفاده کنند که دارای بیشترین کیفیت و کمترین حجم باشد .

اشتراک گذاری در whatsapp
اشتراک گذاری در telegram
اشتراک گذاری در pinterest
اشتراک گذاری در linkedin

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مطالب مرتبط

فرم ورود کاربر

ابتدا باید وارد حساب کاربری خود شوید