🔍 এইচটিএমএল এর বিভিন্ন ধরণের ট্যাগ HTML ট্যাগ (HTML Tag) এর কাজ:

🔍 HTML ট্যাগ (HTML Tag) কী?

HTML ট্যাগ হচ্ছে এমন একটি কোডের চিহ্ন বা নির্দেশনা, যা ব্রাউজারকে জানায়—এই অংশটুকু কেমনভাবে দেখাতে হবে।

HTML ট্যাগ মূলত "এলিমেন্ট" তৈরির জন্য ব্যবহার হয়। প্রতিটি ট্যাগ দিয়ে বোঝানো হয়, কোনো কনটেন্ট কী ধরনের বা কী উদ্দেশ্যে ব্যবহৃত হবে।

🧱 HTML ট্যাগের গঠন (Structure):

প্রত্যেক HTML ট্যাগ সাধারণত দুইটি অংশে থাকে:

<opening tag> কনটেন্ট </closing tag>

উদাহরণ:

<h1>এইটা একটা হেডিং</h1>
<p>এইটা একটা প্যারাগ্রাফ</p>

এখানে <h1> এবং <p> হচ্ছে ট্যাগ। <h1> দিয়ে শুরু হয়েছে, </h1> দিয়ে শেষ হয়েছে।

🧩 HTML ট্যাগের ধরণ:

🔹 ১. Paired Tag (যার শুরু ও শেষ আছে):

যেমন:

<p>Paragraph</p>
<b>Bold text</b>
<h1>Heading</h1>

এগুলোর শুরু ও শেষ আছে — এগুলো দিয়ে কোনো কনটেন্ট ঘেরা হয়।

🔹 ২. Self-closing Tag (শুধু শুরু আছে, শেষ নেই):

যেমন:

<img src="image.jpg" alt="My Image">
<br>
<hr>
<input type="text">

এই ট্যাগগুলোতে কোনো কনটেন্টের প্রয়োজন হয় না এবং এগুলো নিজেরাই বন্ধ হয়ে যায়।

📋 HTML-এর কিছু জনপ্রিয় ট্যাগের তালিকা:

ট্যাগ	কাজ
`<html>`	পুরো HTML ডকুমেন্ট বোঝায়
`<head>`	মেটা ডেটা, টাইটেল, লিংক, স্ক্রিপ্ট
`<title>`	ওয়েবপেজের টাইটেল দেখায়
`<body>`	মেইন কনটেন্ট থাকে এখানে
`<h1>` থেকে `<h6>`	হেডিং ট্যাগ
`<p>`	প্যারাগ্রাফ
`<a>`	হাইপারলিংক তৈরি করে
`<img>`	ছবি যোগ করে
`<ul>`, `<ol>`, `<li>`	তালিকা তৈরি করে
`<div>`	বড় ব্লক তৈরি করতে ব্যবহৃত হয়
`<span>`	ইনলাইন টেক্সট হাইলাইট করার জন্য

✅ সংক্ষেপে:

HTML ট্যাগ হলো ওয়েবপেজের বিভিন্ন অংশ (টেক্সট, ছবি, লিংক, লেআউট) গঠনের জন্য প্রয়োজনীয় নির্দেশনা, যা < এবং > চিহ্নের মাঝে লেখা হয়।

চান চাইলে আমি HTML ট্যাগ নিয়ে একটি সুন্দর চার্ট বা গ্রাফিক বানিয়ে দিতে পারি, অথবা ব্যাসিক ট্যাগগুলোর উপর ভিত্তি করে একটি প্রজেক্ট আইডিয়াও সাজিয়ে দিতে পারি! আপনি কোনটা চান?

Comments

# এইচটিএমএল (HTML)-এ কিভাবে ছবি (Image), অডিও (Audio), এবং ভিডিও (Video) ওয়েব এড করা হয় তা দেখানো হয়েছে:

এখন আমরা আলোচনা করবো HTML-এ কিভাবে ছবি (Image), অডিও (Audio), এবং ভিডিও (Video) ওয়েবপেজে যুক্ত বা ইমপোর্ট করতে হয়। এইগুলো ওয়েব কনটেন্টকে আরও প্রাণবন্ত ও আকর্ষণীয় করে তোলে। 🖼️ ১. ইমেজ (Image) ইমপোর্ট – <img> HTML-এ ছবি দেখানোর জন্য ব্যবহার হয় <img> ট্যাগ। ✅ উদাহরণ: < img src = "images/pic.jpg" alt = "Beautiful Scenery" width = "400" height = "300" > অ্যাট্রিবিউট কাজ src ছবির লোকেশন (Path or URL) alt ছবির না-লোড হলে দেখানো টেক্সট width / height ছবির আকার ✅ এটি একটি self-closing tag । 🔊 ২. অডিও (Audio) ইমপোর্ট – <audio> অডিও ফাইল প্লে করাতে ব্যবহার হয় <audio> ট্যাগ। ✅ উদাহরণ: < audio controls > < source src = "audio/music.mp3" type = "audio/mpeg" > Your browser does not support the audio tag. </ audio > অ্যাট্রিবিউট কাজ controls প্লে-পজ বাটন দেখায় autoplay পেজ লোড হলে অটো প্লে করে loop শেষ হলে আবার শুরু করে muted শুরুতে মিউট করে দেয় 🎥 ৩. ভিডিও (Vi...

# মোবাইল/পিসি/ল্যাপটপের জন্য Best Video Editors:

📱 মোবাইলের জন্য Best Video Editor Apps (Android/iOS): CapCut (Free + Pro features) ইউজার-ফ্রেন্ডলি, ট্রানজিশন, মিউজিক, ইফেক্ট, AI tools TikTok বা Instagram ভিডিও বানানোর জন্য একদম পারফেক্ট। KineMaster লেয়ার সাপোর্ট, গ্রীন স্ক্রিন, ভয়েস ওভার, টাইমলাইন কন্ট্রোল কিছু ফিচার প্রো ভার্সনে। VN Video Editor (Free) খুব প্রফেশনাল লুক, সহজ ইন্টারফেস YouTube ভিডিও বা vlog বানানোর জন্য দারুন। InShot Social media content বানাতে এক নম্বর Trim, crop, filters, speed control সব কিছুই সোজা। 💻 পিসি/ল্যাপটপের জন্য Best Video Editors: Adobe Premiere Pro (🔥 প্রফেশনাল লেভেল) সিনেমা, মিউজিক ভিডিও, ইউটিউব সব কিছুর জন্য। কিন্তু শেখা একটু সময় লাগে, আর পেইড। DaVinci Resolve (Free + Studio version) Color grading-এর জন্য ওয়ার্ল্ড ক্লাস Free ভার্সনেই অনেক কিছু করা যায়। Final Cut Pro (Mac only) ম্যাক ইউজারদের জন্য অসাধারণ খুবই ফাস্ট, কিন্তু পেইড। Filmora (Easy & Feature-rich) Beginners এর জন্য আদর্শ ট্রানজিশন, এফেক্...

🌟 কিভাবে গ্রাফিক্স ডিজাইন দিয়ে ফ্রিল্যান্সিং শুরু করবেন? How can you do graphics design of freelancing marketplace?

🌟 কিভাবে গ্রাফিক্স ডিজাইন দিয়ে ফ্রিল্যান্সিং শুরু করবেন? 🖌️ ১. গ্রাফিক ডিজাইন শেখা (Skill Building) ✅ যে জিনিসগুলো শিখতে হবে: Logo Design Business Card, Flyer, Poster Social Media Design (Facebook/Instagram Ads, Banners) T-Shirt Design UI/UX (Basic Mobile/Web Design) 📦 সফটওয়্যার: Adobe Photoshop Adobe Illustrator (বিকল্প: Canva, Figma – বেসিক ও সহজ কাজে) 🎓 শেখার প্ল্যাটফর্ম: YouTube – ফ্রিতে শিখার জন্য Udemy Coursera LinkedIn Learning 🧰 ২. একটি শক্তিশালী পোর্টফোলিও তৈরি করুন আপনার কাজগুলো সুন্দরভাবে সাজিয়ে অনলাইনে দেখানোর ব্যবস্থা করুন। 🖼️ Behance , Dribbble বা নিজের Google Drive ব্যবহার করুন। 📁 অন্তত ৮-১২টি ভালো ডিজাইন রাখুন: Logo Social media post Poster Business card Banner Mockup (পণ্যের উপর ডিজাইন বসিয়ে বাস্তব রূপ) 🌐 ৩. ফ্রিল্যান্সিং সাইটে একাউন্ট তৈরি করুন 🎯 জনপ্রিয় সাইট: সাইট বৈশিষ্ট্য Fiverr গিগ ভিত্তিক, নতুনদের জন্য ভালো Upwork বিড করে কাজ নিতে হয় Freelancer.com বিভিন্ন ধরনের প্র...

Aziz Computer Technology (AZIZCMT)

Search This Blog