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

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

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

<table height="50" width="100"
background="http://www.careersourcebd.com/images/stories/imagel.jpg" >
<tr><td>This table has a background  image</td></tr>
</table>

কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন

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

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

<table height="200" width="300"
background="http://www.careersourcebd.com/images/stories/imagel.jpg" >
<tr><td>This table has a background  image</td></tr>
</table>

কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন

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

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

<table height="100" width="150"
background="http://www.tizag.com/pics/htmlT/pattern.jpg" >
<tr><td>This table has a background patterned  image</td></tr>
</table>

কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন

<table  background="http://www.tizag.com/pics/htmlT/transparent.gif" >
<tr><td>This table has a red transparent background  image</td></tr>
</table>

কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন

Leave a Reply