HTML হচ্ছে ওয়েবপেজ তৈরির ভিত্তি — এটি একটি মার্কআপ ল্যাঙ্গুয়েজ (markup language)। HTML দিয়ে আপনি ব্রাউজারকে বলেন কোন অংশটি হেডলাইন, কোনটি প্যারাগ্রাফ, কোনটি ছবি ইত্যাদি। CSS দিয়ে স্টাইল দেয়া হয় এবং JavaScript দিয়ে পেজে আচরণ/ইন্টারঅ্যাকশন যোগ করা হয়।
আমাদের Tutorial দেখুন-
HTML (HyperText Markup Language) হলো ওয়েবপেজ গঠনের মৌলিক ভাষা — ব্রাউজারে কীভাবে কন্টেন্ট দেখাবে তা নির্দেশ করে। এই পোস্টে HTML কী, এর মৌলিক কাঠামো এবং ছোট উদাহরণ দেখানো হয়েছে। আরও জানতে Blog পেজে যান-
- নাম: HyperText Markup Language
- প্রথম প্রকাশ: ১৯৯০-এর দশকে Tim Berners-Lee কর্তৃক তৈরি।
- বর্তমান স্ট্যান্ডার্ড: HTML5 — আধুনিক মাল্টিমিডিয়া ও অ্যাপ ফিচারগুলোকে সমর্থন করে।
১। ওয়েব কন্টেন্টকে স্ট্রাকচার দেয়।
২। সার্চ ইঞ্জিন (SEO) ও অ্যাক্সেসিবিলিটির জন্য মৌলিক।
৩। সমস্ত ওয়েব টেকনোলজির ভিত্তি — যে কেউ ওয়েব ডিজাইন বা ডেভেলপমেন্ট শিখতে চাইলে HTML জানতে হবে।
নিচে একটি সরল HTML পেজের উদাহরণ দেওয়া হলো — কপি করে দেখুন/এডিট করুন:
<!DOCTYPE html>
<html lang=“bn”>
<head>
<meta charset=“utf-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1”>
<title>১-১: এইচটিএমএল কী?</title>
<meta name=”description” content=“HTML (HyperText Markup Language) — ওয়েবপেজ গঠনের বেসিক ভাষা। এই পেজে HTML কী ও তার মৌলিক উদাহরণ দেওয়া হলো।”>
</head>
<body>
<header>
<h1>১-১: এইচটিএমএল কী?</h1>
<p>HTML ওয়েবপেজ তৈরির মৌলিক ভাষা — ডকুমেন্টের স্ট্রাকচার নির্দেশ করে।</p>
</header>
<main>
<section>
<h2>মৌলিক উদাহরণ</h2>
<p>এটি একটি প্যারাগ্রাফ।</p>
<a href=“https://rezablogbd.com”>আরও শিখুন</a>
</section>
</main>
<footer>
<p>© Reza Blog Bd </p>
</footer>
</body>
</html>
- <html> — ডকুমেন্ট রুট
- <head> — মেটা ডেটা (টাইটেল, স্টাইল, স্ক্রিপ্ট)
- <body> — দৃশ্যমান কন্টেন্ট
- <h1>–<h6> — শিরোনাম ট্যাগ
- <p> — প্যারাগ্রাফ
- <a> — লিঙ্ক
- <img> — ছবি (ছবির alt অ্যাট্রিবিউট ব্যবহার করুন)
- <ul>, <ol>, <li> — তালিকা
- সঠিক semantic ট্যাগ ব্যবহার করুন (<header>, <main>, <article> ইত্যাদি)।
- প্রতিটি ইমেজে alt লেখুন — accessibility ও SEO জন্য জরুরি।
- মেটা ট্যাগ (charset, viewport, description) ঠিকভাবে যোগ করুন।
- HTML কে CSS/JS থেকে আলাদা রাখুন (separation of concerns)।
- HTML5 স্ট্যান্ডার্ড অনুসরণ করুন।
- ব্রাউজারে সরাসরি .html ফাইল ওপেন করে দ্রুত পরীক্ষা করতে পারেন।
- DevTools (F12) দিয়ে DOM ও স্টাইল চেক করুন।
- অনুশীলনের জন্য CodePen, JSFiddle বা স্থানীয় প্রোজেক্ট ব্যবহার করুন।
HTML হলো ওয়েব ডিজাইনের প্রথম ধাপ — এটি জানলে আপনি ওয়েবপেজের গঠন বুঝতে পারবেন এবং CSS/JavaScript শিখতে সহজ হবে। পরবর্তী পোস্টে আমরা HTML ট্যাগগুলো বিস্তারিতভাবে দেখবো — শুরু থেকে প্র্যাকটিক্যাল উদাহরণসহ।
HTML সম্পর্কে আরও গভীর তথ্য পাওয়া যাবে HTML official documentation থেকে।
