HTML বেসিক ট্রেনিং ফ্রি

• আসুন HTML শিখি (পর্ব-১)
• আসুন HTML শিখি (পর্ব-২)
• আসুন HTML শিখি (পর্ব-৩)
• আসুন HTML শিখি (পর্ব-৪)
• আসুন HTML শিখি (পর্ব-৫)
• আসুন HTML শিখি (পর্ব-৬)
• আসুন HTML শিখি (পর্ব-৭)
• আসুন HTML শিখি (পর্ব-৮)
• আসুন HTML শিখি (পর্ব-৯)
• আসুন HTML শিখি (পর্ব-১০)
• আসুন HTML শিখি (পর্ব-১১)
• আসুন HTML শিখি (পর্ব-১২)
• আসুন HTML শিখি (পর্ব-১৩)
• আসুন HTML শিখি (পর্ব-১৪)
• আসুন HTML শিখি (পর্ব-১৫)
• আসুন HTML শিখি (পর্ব-১৬)
• আসুন HTML শিখি (পর্ব-১৭)
• আসুন HTML শিখি (শেষ পর্ব )

আসালামু আলাইকুম/নমস্কার । কেমন আছেন সবাই । আশা করি সবাই ভাল আছেন । আমি ভাল । আজকে আমরা তিনটি বিষয় নিয়ে   আলোচনা করব ।  চলুন শুরু করি। আমারা আজকে নিচের তিনটি বিষয় নিয়ে আলোচনা করব ।

• Marquee

• Scrolling Text

• Scrolling Image

1.Marquee:-

Marquee ট্যাগ ব্যাবহার করে আপনি যে কোন লিখাকে Scrolling করাতে পারবেন । আপনি যে কোন text কে বাম থেকে ডানে , ডান থেকে বামে , উপর থেকে নিচে কিংবা নিচ থেকে উপরে  Scrolling  করাতে পারবেন ।
এখানে ক্লিক করে Marquee ট্যাগ এর ডেমো দেখে নিন । তাহলে চলুন দেখি কি করে Marquee ট্যাগ দিয়ে কাজ করতে হয় ।

নিচের টেবিলটি দেখুন । এই টেবিলটিতে আমি এক পাশে Code এবং অপর পাশে সেই code এর  Result দিয়ে দিছি । আপনি নিচের টেবিলটি থেকে code এর যা আছে তাতে ক্লিক করে Copy করুন । তারপর তা নোটপ্যাড এ পেস্ট করুন । তারপর এটাকে aa.html দিয়ে সেভ করে ওপেন করলে টেবিলের  ডান পাশের Result এর মত আসবে ।

2. Scrolling Text:-

Scrolling Text আর  Marquee ট্যাগ মুটামুটি একেই রকম । নিচের দুটি টেবিল দেখুন । এর  এক পাশে  Code এবং অপর পাশে Result দেওয়া আছে । আপনি নিচের টেবিল দুটি  থেকে code এর যা আছে তাতে ক্লিক করে Copy করুন । তারপর তা নোটপ্যাড এ পেস্ট করুন । তারপর এটাকে aa.html দিয়ে সেভ করে ওপেন করলে টেবিলের  ডান পাশের Result এর মত আসবে ।

টেবিল ২

উপরের টেবিলটিতে Result হিসেবে দেখেন তিনটি scroll আসছে । একটি দেখেন অনেক তাড়াতাড়ি আসছে । এবং অপরটা আর একটু কম speed এ আসছে । এবং অপরটা আরও কম speed এ আসছে । আপনি দেখেন বাম পাশে code এ আমি scrollamount হিসেবে “1”,”10″, “20” দিয়ে code দিছি । আপনি চাইলে যে কোন কিছু দিতে পারন । আমি code এ direction হিসেবে “left” দিছি । যার মানে হল এটা ডান থেকে বামে আসবে । আপনি যদি “right” দেন তা হলে বাম থেকে ডান দিকে আসবে । আসাকরি বুজতে পারছেন ।

3.Scrolling Image

Scrolling Image দিয়ে আপনি যে কোন ছবিকে Scrolling করাতে পারবেন ।  নিচের দুটি টেবিল দেখুন । এর  এক পাশে  Code এবং অপর পাশে Result দেওয়া আছে । আপনি নিচের টেবিল দুটি  থেকে code এর যা আছে তাতে ক্লিক করে Copy করুন । তারপর তা নোটপ্যাড এ পেস্ট করুন । তারপর এটাকে aa.html দিয়ে সেভ করে ওপেন করলে টেবিলের ( ডান পাশের Result )এর মত আসবে ।

Code	Result
<marquee behavior=”alternate”><img src=”http://upload.wikimedia.org/wikipedia/commons/thumb/7/7f/Generic_football.png/250px-Generic_football.png” width=”33″ height=”34″ alt=”Bouncing ball” /></marquee>

Code	Result
<marquee behavior=”scroll” direction=”right”><img src=”http://www.iconbazaar.com/orbs/world3.gif” width=”72″ height=”79″ alt=”the earth” /></marquee>

উপরের টেবিল দুটিতে দেখেন pic moving করছে । টেবিলের code এ দেখেন img link দিয়ে marquee দেওয়া হয়েছে । তারপর আমি image এর width “33” hight “34” দিয়েছি । এর মানে হল আপনার image কতটুক দেখাবে তার সাইজ । আসাকরি বুজতে পারছেন ।
আজ আর লিখছি না । এ পর্যন্ত । পরের পর্বে আবার দেখা হবে । ধন্যবাদান্তে