Wednesday, February 15, 2017

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

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

ব্যাকগ্রাউন্ড এট্রিবিউট এর সাহায্যে এইচটিএমএল টেবিলে ইমেজকে ব্যাকগ্রাউন্ড ইমেজ হিসাবে দেখানো যায়।
<table height="50" width="100" background="http://www.ypdesign.tk/images/stories/imagel.jpg" >
<tr><td>This table has a background image</td></tr>
</table>
এইচটিএমএল ব্যাকগ্রাউন্ড রিপিট:

উপরের উদাহরনে দেখা গিয়েছে যে টেবিল এর আকার ছবির আকারের সমান বলে কোন সমস্যা হয় নি । যদি টেবিল এর আকার ছবির আকারের চেয়ে বড় হয় তবে ব্যাকগ্রাউন্ড ছবি রিপিট হবে।
<table height="200" width="300" background="http://www.ypdesign.tk/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.ypdesigner.tk/pics/htmlT/pattern.jpg" >
<tr><td>This table has a background patterned image</td></tr>

</table>

0 comments:

Post a Comment

All Time Most Readable Post

Featured Post

Basic SEO Tutorial for Beginners, Basic SEO Tutorial. শিক্ষানবিশদের জন্য বেসিক এসইও টিউটোরিয়াল?

Basic SEO Tutorial for Beginners Though some try to categorise  SEO  as a science, the reality is that SEO is as much art as it is sc...

onpage seo