Web Design & Development

div ট্যাগ একটি HTML পেজে একটি বিভাগ বা একটি সেকশন/এরিয়াকে সংজ্ঞায়িত করে। div ট্যাগটি HTML উপাদানগুলির জন্য একটি ধারক হিসাবে ব্যবহৃত হয় - যা পরে CSS দিয়ে স্টাইল করা হয় বা জাভাস্ক্রিপ্টের সাথে ম্যানিপুলেট করা হয়। div ট্যাগটি ক্লাস বা আইডি অ্যাট্রিবিউট ব্যবহার করে সহজেই স্টাইল করা হয়।

span ট্যাগ হল একটি ইনলাইন ধারক যা একটি পাঠ্যের একটি অংশ বা একটি নথির একটি অংশ চিহ্নিত করতে ব্যবহৃত হয়। span ট্যাগটি CSS দ্বারা সহজে স্টাইল করা হয় বা জাভাস্ক্রিপ্টের সাহায্যে ক্লাস বা আইডি অ্যাট্রিবিউট ব্যবহার করে ম্যানিপুলেট করা হয়। span ট্যাগ অনেকটা div এলিমেন্টের মত, কিন্তু div একটি ব্লক-লেভেল এলিমেন্ট এবং span একটি ইনলাইন এলিমেন্ট।

Image Tag <img src="" alt=""> <img> ট্যাগের কাজ হলো ওয়েব সাইটে লিংক ব্যবহার করে ছবি/পিকচার যুক্ত করা। <img> ট্যাগ লেখার পর যে ছবিটি যুক্ত করতে চাই সেই ছবিটির লিংক src="" Attribute এর ডাবল কোটেশনের মধ্যে লিখতে হয়। <img> ট্যাগের Attribute সমূহ src="" : (source) ছবিটির লিংক দেওয়ার করার জন্য ব্যবহার করা হয় alt="" : (alternative) img ট্যাগের src="" খুঁজে না পেলে তখন ছবিটির স্থলে কাস্টমাইজড মেসেস প্রদর্শন করানোর জন্য ব্যবহার করা হয়

The tag is used to specify multiple media resources for media elements, such as video, audio, and picture. The source tag allows you to specify alternative video/audio/image files which the browser may choose from, based on browser support or viewport width.

এইচটিএমএল ৫ এর পূর্বে ওয়েব পেজে অডিও ফাইল চালানোর জন্য প্লাগ-ইন যেমন - ফ্ল্যাশ ব্যবহার করা হত। বর্তমানে ওয়েব পেজে অডিও চালানোর জন্য এইচটিএমএল ৫.০ এর audio ট্যাগ ব্যবহার করা হয়। ওয়েব পেজে অডিও ফাইল চালানোর জন্য এইচটিএমএল ৫ এর audio এলিমেন্ট ব্যবহার করা হয়। নিচে একটি উদাহরণ দেখুন। <audio controls> <source src=horse.oggtype=audio/ogg> <source src=horse.mp3type=audio/mpeg> </audio< 1.এইচটিএমএল ৫ এ, ৩টি অডিও ফরম্যাট সমর্থন বা support করে, এগুলো হল - MP3, Wav এবং Ogg. 2. controls এট্রিবিউটটি অডিও চালু করা, বন্ধ করা এবং ভলিউম নিয়ন্ত্রন করার জন্য ব্যবহার করা হয়। 3. loop অডিও শেষ হওয়ার পর বার বার প্লে করার জন্য ব্যবহার করা হয় 4. muted ব্যবহার করা হয় ভলিউম বন্ধ করে রাখার জন্য।

ফর্ম হল ওয়েব পেজ এর একটি গুরুত্বপূর্ণ বিষয়। প্রায় সকল ওয়েব পেজেই ফর্ম ব্যবহার করা হয়। ফর্ম হল ইউজার থেকে বিভিন্ন তথ্য বা উপাত্ত সংগ্রহের জন্য কয়েকটি ফিল্ডের সমাহার। ইউজার থেকে বিভিন্ন তথ্য বা উপাত্ত যেমন - মন্তব্য, অর্ডার, মেইল ইত্যাদি সংগ্রহের জন্য এইচটিএমএল ফর্ম ব্যবহার করা হয়। Attributes 1. method 2. action 3.enctype (multipart/form-data text/plain) 4. novalidate