قرار دادن یک تصویر به عنوان پس زمینه ، مثل تغییر رنگ پس زمینه می باشد . هر دو باید در بین تگ body قرار بگیرد .
فقط باید دقت داشته باشید که از تصاویری استفاده کنید که دارای درصد رنگ کم و بزرگ نباشد . بدلیل اینکه اگر تصویر مناسبی برای پس زمینه انتخاب نشود سرعت لود صفحات را بسیار کند کرده و این موضوع باعث مشکل و نارضایتی کاربران وب سایت شما می شود .
قراردادن تصویر در پس زمینه | انتخاب تصویر پس زمینه در HTML
برای انجام اینکار باید از تگ background در بین تگ بدنه اصلی سایت یعنی body استفاده کنیم . روش استفاده به شکل زیر می باشد
<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>
همانطور که در کد بالا مشاهده می کنید باید نام عکس را به صورت کامل در بین دو ''تایپ کنید . در صورتیکه آدرس دقیق تصویر خودتان را نمی دانید برای اینکه سایت موقع لود شدن تصویر را نمایش بدهد سعی کنید آدرس کامل را همانند کد زیر تایپ کنید .
<p></p> <p style="text-align: left;" dir="ltr"><!DOCTYPE html> <html> <body background='http://www.asarayan.com/images/header.jpg'> </body> </html></p> <p style="text-align: left;" dir="ltr"></p>
اضافه کردن تصویر به پس زمینه یک قالب در بیشتر مواقع در بین کدهای CSS انجام می شود و طراحان سعی می کنند از تصاویری استفاده کنند که دارای بیشترین کیفیت و کمترین حجم باشد .
