HTML পিছন্দিক

好的背景使站点看上去特别棒。

实例

搭配良好的背景和颜色
一个背景颜色和文字颜色搭配良好的例子，使页面中的文字易于阅读。
搭配得不好的背景和颜色
一个背景颜色和文字颜色搭配得不好的例子，使页面中的文字难于阅读。

（可以在本页底端找到更多实例。）

背景（Backgrounds）

拥有两个配置背景的标签。背景可以是颜色或者图像。

背景颜色（Bgcolor）

背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

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

এইমন কোডসকলকে পটভূমির রঙটিকে কালো করা হয়েছে

পটভূমি (Background)

পটভূমি অ্যাট্রিবিউটসকে পটভূমি ছবি হিসাবে সজ্জিত করে, অ্যাট্রিবিউট মানটি ছবির URL

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

URL হতে হবে অসম্পূর্ণ ঠিকানা, যেমন প্রথম লাইনের কোড

টিপস:আপনি যদি পটভূমি ছবি ব্যবহার করতে হয়, তাহলে নিচের কিছু কিছু করে নিজেকে স্মরণ করতে হবে:

  • পটভূমি ছবি কিনা পানেলের লোডিং সময়কে বাড়াচ্ছে? টিপস: ছবির ফাইলটি 10k করে হয়তো হয়তো থাকা উচিত
  • পটভূমি ছবি কিনা পানেলের অন্যান্য ছবিসমূহের সাথে মেলবন্ধন করছে?
  • পটভূমি ছবি কিনা পানেলের লেখার রঙের সাথে মেলবন্ধন করছে?
  • ছবি পানেলে তুলনামূলক ভাবে দেখানো হয়েছে, কিনা?
  • পটভূমি ছবি কিনা লেখার উপর দাবী দিচ্ছে?

মৌলিক নীতি - সাহায্যক সূচনা:

<body> ট্যাগের পটভূমির রঙ (bgcolor)、পটভূমি (background) এবং লেখা (text) অ্যাট্রিবিউটসকে সর্বশেষ HTML স্ট্যান্ডার্ড (HTML4 এবং XHTML) এ বর্জন করা হয়েছে।W3C তাদের সুপারিশন স্ট্যান্ডার্ডে এই অ্যাট্রিবিউটসকে মিটায় রেখেছে

এইমন লেখার সাথে HTML ইলিমেন্টসকে সাজানো এবং প্রদর্শন হচ্ছের বৈশিষ্ট্যগুলি নির্ধারণ করার জন্য কাস্কেডিং স্টাইল শেড (CSS) ব্যবহার করা উচিত

আরও উদাহরণ

ব্যবহারিকতা ভালো পটভূমি ছবি
পটভূমি ছবি এবং লেখার রঙ কারণে পানেল টেক্সটকে পড়ার সুবিধা করা একটি উদাহরণ
ব্যবহারিকতা ভালো পটভূমি ছবি 2
আরেকটি পটভূমি ছবি এবং লেখার রঙ কারণে পানেল টেক্সটকে পড়ার সুবিধা করা একটি উদাহরণ
ব্যবহারিকতা খারাপ পটভূমি ছবি
পটভূমি ছবি এবং লেখার রঙ কারণে পানেল টেক্সটকে পড়ার অসুবিধা করা একটি উদাহরণ