এইচটিএমএল ব্যাকগ্রাউন্ড টিউটোরিয়াল (HTML Background Tutorial in Bangla)

 

ব্যাকগ্রাউন্ড এট্রিবিউট এর সাহায্যে এইচটিএমএল টেবিলে ইমেজকে ব্যাকগ্রাউন্ড ইমেজ হিসাবে দেখানো যায়।

1.<table height="50" width="100"

2.background="http://www.webcoachbd.com/images/stories/imagel.jpg" >

3.<tr><td>This table has a background  image</td></tr>

4.</table>

প্রদর্শন:

This table has a background image

এইচটিএমএল ব্যাকগ্রাউন্ড রিপিট:

উপরের উদাহরনে দেখা গিয়েছে যে টেবিল এর আকার ছবির আকারের সমান বলে কোন সমস্যা হয় নি । যদি টেবিল এর আকার ছবির আকারের চেয়ে বড় হয় তবে ব্যাকগ্রাউন্ড ছবি রিপিট হবে।

1.<table height="200" width="300"

2.background="http://www.codestrickz.xyz/images/stories/imagel.jpg" >

3.<tr><td>This table has a background  image</td></tr>

4.</table>

প্রদর্শন:

This table has a background image

এইচটিএমএল প্যাটার্নড ব্যাকগ্রাউন্ড

বিভিন্ন ফটো এডিটিং সফ্টওয়ার দিয়ে বিভিন্ন প্যাটার্নের ব্যাকগ্রাউন্ড ছবি এরং ট্রান্সপারেন্ট ব্যাকগ্রাউন্ড ছবি তৈরী করা যায়। ট্রান্সপারেন্ট ইমেজের ফাইলটিকে gif ফরমেটে রাখতে হবে jpeg ফরমেটে নয়।

1.<table height="100" width="150"

2.background="http://www.tizag.com/pics/htmlT/pattern.jpg" >

3.<tr><td>This table has a background patterned  image</td></tr>

4.</table>

প্রদর্শন:

This table has a background patterned image

1.<table  background="http://www.tizag.com/pics/htmlT/transparent.gif" >

2.<tr><td>This table has a red transparent background  image</td></tr>

3.</table>

প্রদর্শন:

This table has a red transparent background image