আসুন HTML শিখি (পর্ব-১৪)
রাজীব সাহা | ২,৯১০ বার পঠিত | জানুয়ারী ৫, ২০১৩ | এইচ টি এম এল,বাংলা টিউটোরিয়াল | ৫ | ২:৩৫ PM |
- আসুন 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 এর মত আসবে ।

Code | Result |
---|---|
I love my country very much. |
2. Scrolling Text:-
Scrolling Text আর Marquee ট্যাগ মুটামুটি একেই রকম । নিচের দুটি টেবিল দেখুন । এর এক পাশে Code এবং অপর পাশে Result দেওয়া আছে । আপনি নিচের টেবিল দুটি থেকে code এর যা আছে তাতে ক্লিক করে Copy করুন । তারপর তা নোটপ্যাড এ পেস্ট করুন । তারপর এটাকে aa.html দিয়ে সেভ করে ওপেন করলে টেবিলের ডান পাশের Result এর মত আসবে ।
Code | Result |
---|---|
I love my country very much. |
টেবিল ২
Code | Result |
---|---|
Slow scroll speed Medium scroll speed Fast scroll speed |
উপরের টেবিলটিতে 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 |
---|---|
![]() |
Code | Result |
---|---|
![]() |
উপরের টেবিল দুটিতে দেখেন pic moving করছে । টেবিলের code এ দেখেন img link দিয়ে marquee দেওয়া হয়েছে । তারপর আমি image এর width “33” hight “34” দিয়েছি । এর মানে হল আপনার image কতটুক দেখাবে তার সাইজ । আসাকরি বুজতে পারছেন ।
আজ আর লিখছি না । এ পর্যন্ত । পরের পর্বে আবার দেখা হবে । ধন্যবাদান্তে
যদি টিউটোরিয়ালটি আপনার কাছে ভালো লাগে Subscribe করতে ভুলবেন না।
আপনি যদি চান আমাদের ওয়েব সাইটে নতুন পোস্ট হওয়ার সাথে সাথে আপনাকে আমরা ইমেইলের মাধ্যমে জানাবো তাহলে Subscribe করুন।
hmm, darun caliya jan, vai






ধন্যবাদ ভাই
Hum chale a jan. 😀
ধন্যবাদ ভাই ।
😛 😀