HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব 1

7
1003

আসসালামু আলাইকুম, আল্লাহর রহমতে সবাই ভালো আছেন. আল্লাহর কাছে আপনাদের সকলের সুসাস্থ এবং সফলতা কামনা করি. এটা আমার প্রথম পোস্ট, তাই পোস্টের ভুল ত্রুটি গুলো ক্ষমা সুন্দর দৃষ্টিতে দেখবেন এবং আপনার মতামত দিবেন, কিভাবে পোস্টটি আরো ভালো করা যেত. যা আমাকে ভবিষতে আরো পোস্ট করতে উত্সাহিত করবে.
আজ আমি আপনাদের সাথে যে বিষয়টা share করব তা হলো HTML এর মজার একটি code <marquee>
তো চলেন শুরু করা যাক,
কাজের শুরুতে আপনার কম্পিউটার হতে notepad টি ওপেন করে নিন.

start > All programs > accessories > notepade HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব 1
start > All programs > accessories > notepad

এখন notepad এ নিচের code গুলো লিখুন

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

<html>
<head>
<title>My Marquee</title>
</head>
<body>
<marquee> this is marquee effect. </marquee>
</body>

</html>

এবার notepad টিকে যেকোনো নাম এবং তার শেষে .html দিয়ে save করুন, যেমন tunerpage.html (নামের শেষে অবশ্যই .html দিতে হবে)

নামের শেষে অবশ্যই .html দিয়ে Save করতে হবে  HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব 1নামের শেষে অবশ্যই .html দিয়ে Save করতে হবে

এখন save করা ফাইল (tunerpage.html) কে ওপেন করুন

প্রশ্ন   : কি দেখছেন browser এ, <marquee> code এর ভিতরের লেখাটা sliding  করে দান দিক থেকে বাম  দিকে চলে যাচ্ছে, তাই না ?
উত্তর : হমম

HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব 1
প্রশ্ন   : কি! মজা না ?
উত্তর : এখানে মজার কি হইলো / আমি আগে থেকেই জানতাম / মজা আছে তবে আরেকটু হইলে ভালো হইত.

চলেন তাহলে আরেকটু হয়ে যাক .

এবার আমরা marquee code এর কিছু বৈশিষ্ট শিখব, sorry দেখব. এই বৈশিষ্ট গুলো ব্যবহার করে marquee code এ আরো কিছু effect দিব.

প্রশ্ন   : এখন কি করব ?
উত্তর : notepad এ যান, যেখানে code গুলো লিখেছিলেন
প্রশ্ন   : notepad টা তো cancel করে দিয়েছিলাম, এখন কি হবে ?
উত্তর : tunerpage.html page টাকে notepad দিয়ে খুলুন.

tunerpage.html page টাকে notepad দিয়ে খুলুন HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব 1

এবার, আগের marquee code এ একটু পরিবর্তন করে লিখি.
<html>
<head>
<title>My Marquee</title>
</head>
<body>
<marquee> This is marquee effect. </marquee>
<marquee direction=right> This is marquee effect with attribute “direction=right” </marquee></body>
</html>

HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব 1

প্রশ্ন   : লিখলাম , এবার কি করব ?
উত্তর : notepad টি আবার save করুন, এবং tunerpage.html page টিকে নতুন করে reload করুন
অথবা আগে থেকেই যদি page টি খোলা থাকে তবে refresh করুন. কি দেখছেন browser এ <marquee> code এর ভিতরের লেখাটা sliding  করে বাম দিক থেকে দান  দিকে চলে যাচ্ছে, তাই না ?
প্রশ্ন    : বুঝলাম , তো আগে ?
উত্তর  : এবার আমরা marquee এর আরেকটা বৈশিষ্ট দেখব “behavior=alternate”
<marquee behavior=alternate>This is marquee effect with attribute “direction=alternate” </marquee>
উপরের code টি আগের code gulor সাথে যুক্ত করুন.
সম্পূর্ণ code টা  দেখতে  এখন  এমন  হবে
<html>
<head>
<title>My Marquee</title>
</head>
<body>
<marquee> This is marquee effect. </marquee>
<marquee direction=right> This is marquee effect with attribute “direction=right” </marquee>
<marquee behavior=alternate>This is marquee effect with attribute “direction=alternate” </marquee></body>
</html>

HTML এর মজার কোড marquee সম্পর্কে জেনে নিন পর্ব 1
প্রশ্ন   : করলাম, তারপর ?

উত্তর : notepad টি আবার save করুন, এবং tunerpage.html page টিকে নতুন করে reload করুন
অথবা আগে থেকেই যদি page টি খোলা থাকে তবে refresh করুন. কি দেখছেন browser এ <marquee behavior=alternate> code এর পরের লেখাটা sliding  করে ডানদিক থেকে বামদিকে আবার বামদিক থেকে দানদিকে চলছে, তাই না ?

প্রশ্ন   : বুঝলাম, আর কিছু করা যায় ?
উত্তর : আরো অনেক কিছুই করা যায়, চলেন দেখি

এবার আমরা দেখব কিভাবে একটা লেখাকে webpage এর উপর থেকে নিচে এবং নিচ থেকে উপরে sliding করতে হয়
এই জন্য আগের marquee code এর সাথে আমরা আরেকটা বৈশিষ্ট যুক্ত করব
<marquee direction=”down”> লেখাটা উপর থেকে নিচে চলে যাবে </marquee>
<marquee direction=”up”> লেখাটা নিচ থেকে উপরে চলে যাবে </marquee>

সম্পূর্ণ code টা হবে এরকম
<html>
<head>
<title>My Marquee</title>
</head>
<body><!–আপনার আগের code গুলো এখানে থাকবে, না থাকলেও কোনো সমসসা নেই–>
<marquee direction=”down”> লেখাটা উপর থেকে নিচে চলে যাবে </marquee>
<marquee direction=”up”> লেখাটা নিচ থেকে উপরে চলে যাবে </marquee></body>
</html>

 

কি boring লাগছে ? চলেন একটা কৌতুক বানাই.
প্রশ্নকর্তা : আচ্ছা ভাই , বুঝলাম marquee code দিয়ে webpage এ sliding effect দেয়া যায়,
কিন্তু আমার তো মনে হচ্ছে লেখাটা আস্তে আস্তে sliding হয়, sliding spreed টাকি আরেকটু বাড়ানো যায় না ?
উত্তরদাতা (ডাক্তার)   : আরে না না বাড়ানো যাবে না, এটা তো একটা কম্পিউটার এ করতে হবে, আর কম্পিউটার এ মানুষের মস্তিস্কের মত ঘিলু নাই, তাই এটা সম্ভব না
উত্তরদাতা (বেরিসটার) : My load ইন কি ধরনের প্রশ্ন, i don’t know why,
why are you asking me that kinds of question without any reference ?
অন্তত এইটা বলেন, প্রশ্নটা কত নাম্বার ধারাতে পরে.
উত্তরদাতা (পুলিশ) : No question! পুলিশ আমি না তুমি , আমি প্রশ্ন করব তুমি শুধু উত্তর দিবা.
উত্তরদাতা ( সরকারী কর্মকর্তা ) : ভাই বিরক্ত কইরেন না তো , দেখতেছেন তো সকাল থেকে AC টা চলতেছে না
উত্তরদাতা ( আকাউনটেন্ট ) : এটা আবার জিজ্ঞাস করতে হয় , marquee কে ২ দিয়ে গুন করে দেন, 2marquee তাহলেই তো spreed ২ গুন হয়ে যাবে.

উত্তরদাতা (web designer) : নিচের code টি ব্যবহার করুন
<marquee scrollamount=20> এখানে যা লিখবেন তাই আপনার webpage এ দেখা যাবে</marquee>
উক্ত scrollamount=20 এর ফলে আপনার লেখার sliding spreed বেড়ে যাবে, আপনি ২০ আর জায়গায়, অন্য কোনো number ব্যবহার করতে পারেন, যদি 30 দেন তবে spreed আরো বেশি হবে, ……..

ডাক্তার,বেরিসটার,পুলিশ,সরকারী কর্মকর্তা,আকাউনটেন্ট সবার কাছেই ক্ষমা চাই. ( l o l)

প্রশ্ন   : আর নতুন কি করা যায় ?
উত্তর : আপনি যদি চান webpage এ যে লেখাটা sliding করবে তার background এ একটা color থাকবে তবে নিচের code লিখুন
<marquee bgcolor=”#cc3398″>এখানে যা লিখবেন তাই আপনার webpage এ দেখা যাবে</marquee>

আমি শুধু HTML এর একটা code marquee নিয়ে পোস্টটি করেছি. এই পোস্টটি বুঝতে কোনো সমস্যা হলে কমেন্ট এ অবশ্শই জানাবেন. কেউ যদি HTML শিখতে চান তবে কাকতাড়ুয়া ভাইয়ের HTML Tutorial টি দেখুন এখানে 

শেষ করার আগে ছোট একটা উপলব্ধি
আমাদের এই tunerpage এর TJ যেমন : অনির্বাচিত টিউনার™ ভাই , পুদিনা পাতা ভাই , ইয়াসির আরাফাত ভাই, ডাইস ভাই, সহ আরো যারা অসংখ পোস্ট করে tunerpage  কে প্রতিনিয়ত তথ্য সমৃদ্ধ করছেন, তাদের সবাইকে অসংখ অসংখ ধন্যবাদ. কারণ একটা পোস্ট করতে আপনাদেরকে কত কষ্ট করতে হয়েছে তা এই পোস্টটি করার পরে সামান্য একটু বুঝেছি. সবাইকে শুধু এটুকুই অনুরোধ করতে চাই, আমরা যেন আমাদের এই ভাইদের জন্য দোয়া করি এবং তাদের পোস্টে কমেন্ট করার মাধ্যমে তাদেরকে উত্সাহ প্রদান করি.

আজ এই পর্যন্তই, পোস্টটি বড় হয়ে যাচ্ছে, তাই marquee নিয়ে আরেকটা পোস্ট করব. সেখানে দেখাবো picture এ কিভাবে এই কোড ব্যবহার করা যায়. সেই পর্যন্ত Allah আপনাদের সবাইকে ভালো রাখুক.

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

7 মন্তব্য

  1. সুন্দর পোষ্ট। বিস্তারিত লেখার জন্য ধন্যবাদ।
    image add করলে আরও ভাল হত।

    • আপনার কমেন্টের পর কিছু ছবি যোগ করেছি. আরো কিছু যোগ করব
      marquee নিয়ে আমার দ্বিতীয় পোস্ট করেছি. সময় করে দেখতে পারেন.
      http://www.tunerpage.com/archives/101351
      অনেক অনেক ধন্যবাদ কমেন্ট করার জন্য.

  2. জটিল পোস্ট। প্রথমটা জানা ছিল। নতুনগুলো শিখানোর জন্য ধন্যবাদ। পরবর্তী পোষ্টের অপেক্ষায় রইলাম।
    কোন কমেন্ট না দেখে না লিখে পারলাম না। আবারও ধন্যবাদ।

    • অনেক অনেক ধন্যবাদ moonnir ভাই কমেন্ট করার জন্য (আমার প্রথম পোস্ট এর প্রথম কমেন্ট)
      ইনশাল্লাহ, পরের পোস্টটি অল্প দিনের মধ্যেই পাবেন.

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

18 − 15 =