HTML5 টিউটরিয়াল পর্ব-২

আগের পর্বে বেশ কিছু নতুন ফিচার নিয়ে কাজ করেছিরাম। এখন দেখে নিন আরো কিছু ফিচার যার মাধ্যমে HTML5 এর জয় জয় কার।

৮. header ও footer ট্যাগ:

আগের মতো সিএসএসের পায়ে ধরার দরকার হবে না।

1. <div id=”header”>
2. …
3. </div>
4. <div id=”footer”>
5. …
6. </div>

এর মতো করে না লিখে

1. <div id=”header”>
2. …
3. </div>
4. <div id=”footer”>
5. …
6. </div>

এরকম লিখলেই চলবে।

৯. ফরম তৈরীতে আরও ফিচার

ফরম তৈরীতে আরও সুন্দর সুন্দর ফিচার এনে দিয়েছে। নিচের ভিডিও টিউটরিয়ালটিতে দেখতে পাবেন। কোড সহ আউটপুট

১০. Required এর ব্যবহার:

সয়ংক্রিয়ভাবে ভেলিডেশন চেকের মতো করে ফরমে ইফেক্ট সৃষ্টি করা যায়। ধরুন আপনি চান যে, কোন টেক্স বক্স খালি থাকলে কোন বাটন কাজ করবে না। তহলে, নিচের মতো করে HTML5 কোড লিখলেই চলবে।

1. <form method=”post” action=””>
2. <label for=”someInput”> Your Name: </label>
3. <input type=”text” id=”someInput” name=”someInput” placeholder=”Douglas Quaid” required>
4. <button type=”submit”>Go</button>
5. </form>

বক্সটি খালি থাকলে Go বাটনে চাপলে টেক্সট বক্স হাইলাট হবে।

১১. অডিও প্লে

আরও মজার বেপার হলো খুব সহজেই অডিও ভিডিও এমবেড করা যাবে এখন।

1. <audio autoplay=”autoplay” controls=”controls”>
2. <source src=”file.ogg” />
3. <source src=”file.mp3″ />
4. <a href=”file.mp3″>Download this file.</a>
5. </audio>এ্ই কোড লিখলেই হলো। সয়ংক্রিয়ভাবে চলবে অডিও ফাইল

১২. ভিডিও প্লে

1. <video controls preload>
2. <source src=”cohagenPhoneCall.ogv” type=”video/ogg; codecs=’vorbis, theora'” />
3. <source src=”cohagenPhoneCall.mp4″ type=”video/mp4; ‘codecs=’avc1.42E01E, mp4a.40.2′” />
4. <p> Your browser is old. <a href=”cohagenPhoneCall.mp4″>Download this video instead.</a> </p>
5. </video>

ভিডিও চলেবে এই কোড লিখলেই।