আসুন শিখি HTML [পর্ব-১৫]

কেমন আছেন সবাই।আশা করি সবাই ভাল আছেন।
আজকে আপনাদের html এর আরো দুইটা জিনিষ দেখাব।আশা করি সাথে থাকবেন।

***আসুন প্রথমে দেখে নেই কিভাবে সাউন্ড অ্যাড করা যায়।

***প্রথমে কোডিংটুকু দেখে নেই।তারপর ব্যাখ্যায় আসছি।

***notepad ওপেন করুন।তারপর,এই কোডিংটুকু লিখুন।তারপর তা aa.html নামে সেভ করুন।


<html>

<head>

<title>

Html এর মাধ্যমে যেভাবে sound অ্যাড করা যায়

</title>

</head>

<body>

<h1> এটা হল সাউন্ড অ্যাড করার একটি উদাহরণ </h1>

<a href="brishti.mp3">সাউন্ডটি শুনতে এখানে ক্লিক করুন </a>
  </body>

</html>

***তারপর,আপনি উপরের ফাইল টি একটি ফোল্ডার এ রাখুন।আর,আপনি যেই সাউন্ড/মিউজিকটি শুনাতে চান সেটি একই ফোল্ডার এ রাখুন।

***এবার আসুন ব্যাখ্যায়।আপনারা যদি আমার আগের সবগুলো টিউন দেখেন তাহলে একটি লাইন ছাড়া সবগুলো লাইন বুঝার কথা।যারা আগের টিউনগুলো দেখেন নাই,তারা একটু কষ্ট করে আমার আগের টিউনগুলো দেখে নিন।

***এখানে, a  href দিয়ে কি বুঝাচ্ছে আসুন দেখি। a দিয়ে anchor ট্যাগ বুঝায়।এর সাথে যে attribute টি ব্যাবহার করা হয় তা হল href.  Href attribute  দিয়ে কি বুঝায়? href দিয়ে hyper reference বুঝায়।এই ট্যাগ দিয়ে text বা, image,song,video  এর path বলে দেওয়া হয়।

***ধরুন আপনি লিঙ্ক এ একটি music/sound  দিতে চাচ্ছেন,এই sound এর নাম হচ্ছে meghla. আর এর format হচ্ছে mp3 ফরম্যাট। তাহলে আপনার কোডিংটুকু হবে এইরকম
<a href="meghla.mp3">আপনি ওয়েব সাইট এ যেই লাইন টি দেখাতে চান সেটি এখানে লিখবেন </a>

***এখানে আমি ফোল্ডার এ যেই মিউজিক বা, সাউন্ড রেখেছি তার নাম হচ্ছে brishti,আর এটির ফরম্যাট ছিল mp3 ।

***এবার,আপনি folder এ ঢুকে যেই ফাইলটি সেভ করেছিলেন।সেটা double click কর এ ওপেন করুন।দেখবেন নিচের মত পেজ ওপেন হবে।

***"তারপর “সাউন্ডটি শুনতে এখানে ক্লিক করুন”  এই লেখাতে ক্লিক করুন।দেখবেন sound টি প্লে হয়েছে।

******এবার আসুন আরেকটা  বিষয় নিয়ে আলোচোনা করি। কিভাবে আপনি আপনার সাইট এ youtube video অ্যাড করবেন। উপরের লেখাটি বুঝলে এটা বুঝা পানির মত সোজা।

***একটু খেয়াল করে দেখেন একটি জায়গায় অল্পেকটু change আছে।আর বাকি সব জায়গায় same.

<html>

<head>

<title>

Html এর মাধ্যমে যেভাবে youtube video অ্যাড করা যায়

</title>

</head>

<body>

<h1> এটা হল youtube video  অ্যাড করার একটি উদাহরণ </h1>

<a href="http://www.youtube.com/watch?v=YR12Z8f1Dh8">colaveri di এর video song টা শুনতে এখানে ক্লিক করুন </a>

</body>

</html>

***পুরো কোডিং এ যেই জায়গায় change আছে সেই জায়গা হচ্ছে <a href="…………………………>

এখানে শুধু ............... জায়গায় আপনার youtube এর ভিডিও এর url/link টি দিয়ে দিন।কেল্লা ফতে। আর বাকি সব কিছুই same.

***এবার এটিকে abc.html নামে সেভ করুন।এবার সেভ করা ফাইলটিকে double click করে ওপেন করুন।দেখবেন,নিছের মত পেজ আসবে।

***এবার,”colaveri di এর video song টা শুনতে এখানে ক্লিক করুন”   এই লেখায় ক্লিক করুন।দেখবেন আপনার ইউটিউব ভিডিও টি প্লে হচ্ছে।

আর আপনারা আমার Microsoft powerpoint এর উপর লেখা সবগুলো টিউটোরিয়াল পড়তে চাইলে নিচে ক্লিক করুন।

 

 

Level 0

আমি সাবিহা। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 98 টি টিউন ও 753 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 3 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

খুব সাধারন একটি মানুষ।সারাদিন কম্পিউটার নিয়ে পড়ে থাকি।মুভি দেখি,ব্লগ এ ব্লগ এ ঘুরাঘুরি করি।পড়ালেখা করতে বরাবরই ভয় লাগে। আর ফেসবুক এ একটা পেজ খুলেছি।যারা সময় পাবেন একটু ঢু মেরে আসবেন।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

অনেক দিন পর আপনার টিউটোরিয়াল পেয়ে ভালো লাগছে । খুব ভালো হয়েছে আপু ।

Level 0

Onek den por valo laglo , khub taratare chai porer post.
thanks

Level 0

khub valo laglo……….html niye ageo ghataghati korsi but eta onek easy……..thanks a lot….next tune joldi chai……

Level 0

APU APNAR POWER POINT ER TUNES ER UPOR J E BOOK KORSEN SHEVABE PHOTOSHOP R BAKI GULOR UPOR E BOOK KOBE KORBEN.??????KARON APNAR TUNES GULO EASY……BUJHTE SHOHOJ HOY………PORE VALO LAGE……..PLZ APU OGULAO BER KOREN……..ALL D BEST

এটাকে সাউন্ড অ্যাড করা বলে !!!!!!!!!!!!!! তাহলে লিঙ্ক অ্যাড করা কাকে বলে?

হুম……লিঙ্ক অ্যাড করা কোনটা ?????:):):)

অসাধারন হয়েছে আপনার লেখাটি । এই পোস্ট তৈরী করার জন্য আপনাকে অশেষ ধন্যবাদ। চালিয়ে যান।

Level 0

অসাধারণ হয়েছে !!!!!!!!!!!!
HTML [পর্ব-১৫] এই পর্যন্ত কি শেষ !! ??

Level 0

ভাই আমি আজ থেকে html and css শেখা শুরু করলাম ।
আপনার tune and w3school থেকে start করলাম।
দোয়া করবেন যেন সফল হতে পারি।
html and css শেষ করলে কি freelance করতে পারবো
কত দিন লাকতে পারে।

অনেক ভালোর চেয়ে ভাল হইছে কিন্তূ পরের পর্বগুলো!!!!

Level 0

apu jaja sikhiasooo ar jonnooo onek dhonobad dia soto korbooo na
amar html ar jatra tomake dia suru koresilam now ami tomar ae porboo gula sob dekhesi n sikhesi n sob guli tomar jonno suvo kamona roelo 🙂

Level 0

A lot of THANKS.
sob gulo tune aksate akti mega sammury tune korle khub valo lagto. karon ami sob golu aksate add korte
somossai asi.

Level 0

Pls. make tunes the below points Because your tunes is very easy for us from others
Table ,comments , Vertical Frameset &Horizontal Frameset
Text Field – এখানে ব্যবহারকারীর নাম, বয়স অথবা অন্য কোন তথ্য লেখা হয়।
Password Field – এখানে ব্যবহারকারীর পাসওয়ার্ড লেখা হয়।
Radio Button – গোলাকৃতির টিক বাটন।
Check Box – বর্গাকার টিক বাট।
Dropdown List – ইনফরমেশন লিস্ট।
Text Area – বড় কোন ইনফরমেশন লেখার জায়গা।
Button – বাটন।
Submit Button – ইনফরমেশন সেন্ড করার বাটন।Text Field – এখানে ব্যবহারকারীর নাম, বয়স অথবা অন্য কোন তথ্য লেখা হয়।
Password Field – এখানে ব্যবহারকারীর পাসওয়ার্ড লেখা হয়।
Radio Button – গোলাকৃতির টিক বাটন।
Check Box – বর্গাকার টিক বাট।
Dropdown List – ইনফরমেশন লিস্ট।
Text Area – বড় কোন ইনফরমেশন লেখার জায়গা।
Button – বাটন।
Submit Button – ইনফরমেশন সেন্ড করার বাটন।

ধন্যবাদ সাবিহা ভাইকে আমার HTML সম্পর্কে অনেক ধারনা হল

আপু, এইচটিএমএল এর একটি সম্পূর্ণ প্রজেক্ট দিলে উপকৃত হলে হব। আসলে কিভাবে ব্যবহার করব বুজতে পারছি না তাই। ধন্যবাদ আপু। আশা করি দিবেন।

খুব ভাল। চালিয়ে যান।

Nest post kobe asbe apo?

প্রিয় টিউনার,

আপনাকে এই চেইনটি চলমান করার জন্য অনুরোধ করা গেল। দয়া করে আপনার চেইন টিউনটি নতুন পর্ব যুক্ত করুন এবং নিয়মিত আপডেট করুন। ধন্যবাদ।