ایچ تی ایم ایل پس منظر

منظر خوب باعث می‌شود که وب‌سایت به نظر خاص بیاید.

مثال

پس منظر و رنگ‌های مناسب
مثالی از رنگ پس‌زمینه و رنگ نوشتار که با هم هماهنگی خوبی دارند، باعث می‌شود که خواندن نوشتار در صفحه آسان شود.
پس منظر و رنگ‌های نامناسب
مثالی از رنگ پس‌زمینه و رنگ نوشتار که با هم هماهنگی خوبی ندارند، باعث می‌شود که خواندن نوشتار در صفحه دشوار شود.

مثال‌های بیشتری در پایین این صفحه پیدا می‌کنید。)

منظر (Backgrounds)

<body> دو تگ تنظیم منظر داره. منظر می‌تواند رنگ یا تصویر باشد.

پس منظر رنگی (Bgcolor)

پس منظر رنگی پارامتر منظر رنگی منظر رو رنگی می‌سازد. مقدار می‌تواند عدد هگزادسیمال، RGB یا نام رنگ باشد.

bgcolor="#000000">
bgcolor="rgb(0,0,0)">
bgcolor="black">

以上的代码均将背景颜色设置为黑色。

背景(Background)

背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。

background="clouds.gif">
background="http://www.codew3c.com/clouds.gif">

URL可以是相对地址,如第一行代码。也可以使绝对地址,如第二行代码。

提示:如果你打算使用背景图片,你需要紧记一下几点:

  • 背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过 10k。
  • 背景图像是否与页面中的其他图象搭配良好。
  • 背景图像是否与页面中的文字颜色搭配良好。
  • تصویر کی تہائی کی وجہ سے پیج میں دکھائی دی گئی ہے، یہ اچھا بنایا گیا ہے یا نہ؟
  • کتب کی پس منظر تصویر کی وجہ سے لسانی پر توجیہ کی گئی ہے؟

بسیط توجیہات - مفید توجیہات:

<body> تیگ میں پس منظر رنگ (bgcolor)، پس منظر (background) اور لسانی (text) پرپریئٹیز نئی استاندارڈ کی HTML (HTML4 اور XHTML) میں منسوخ کردی گئی ہیں۔W3C نے ان پرپریئٹیز کو اپنے سفارش استاندارڈ میں حذف کردیا ہیں

کامپوزیشن سائٹ کی ترتیب اور نمائش پرپریئٹیز کو ڈینامائک سائٹس (CSS) کا استعمال کرنا چاہئیے

بالاتر مثال

استفادہ کئے گئے پس منظر تصویر
پرینٹ کیوک اور لسانی رنگ کا استعمال سے پیج کا متن پڑھنا آسان بنایا گیا ہے کا مثال
استفادہ کئے گئے پس منظر تصویر 2
ایک دوسرا پس منظر تصویر اور لسانی رنگ کا استعمال سے پیج کا متن پڑھنا آسان بنایا گیا ہے کا مثال
استفادہ نہ کئے گئے پس منظر تصویر
پرینٹ کیوک اور لسانی رنگ کا استعمال سے پیج کا متن پڑھنا مشکل بنایا گیا ہے کا مثال