ভূমিকা
আপনি যদি একেবারে নতুন হয়ে HTML শিখতে চান, তাহলে এই পোস্টটি আপনার জন্য। এখানে আপনি শিখবেন—HTML শুরু করতে কী কী লাগে, প্রথম HTML ফাইল কীভাবে তৈরি করবেন, এবং কীভাবে ব্রাউজারে সেটি দেখবেন। খুব সহজ ধাপে ধাপে ব্যাখ্যা করা হলো, যেন একজন নতুন শিক্ষার্থীও বুঝতে পারে।
HTML শেখা শুরু করতে যা লাগবে
১. একটি টেক্সট এডিটর
HTML লেখার জন্য যেকোনো টেক্সট এডিটর ব্যবহার করা যায়।
সবচেয়ে জনপ্রিয়গুলো:
- Notepad (Windows)
- Notepad++
- VS Code (Highly Recommended)
- Sublime Text
২. একটি ওয়েব ব্রাউজার
HTML ফাইল ব্রাউজারে ওপেন করে দেখা হয়।
যেমন:
- Chrome
- Firefox
- Edge
- Safari
৩. বেসিক HTML ফাইল স্ট্রাকচার সম্পর্কে ধারণা
HTML ডকুমেন্ট একটি নির্দিষ্ট গঠন অনুসরণ করে।
এই গঠনটি নিচে দেখানো হলো।
আপনার প্রথম HTML ফাইল (Step-by-Step)
Step 1: একটি নতুন ফাইল তৈরি করুন
- কম্পিউটারে একটি নতুন ফোল্ডার তৈরি করুন।
- একটি নতুন ফাইল তৈরি করে নাম দিন: index.html
Step 2: নিচের HTML কোডটি লিখুন
><h1>হ্যালো HTML!</h1>
<html lang="bn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>আমার প্রথম HTML পেজ</title>
</head>
<body>
<p>এটি আমার প্রথম HTML পেজ।</p></body>
</html>
Step 3: ফাইলটি সেভ করুন
- Ctrl + S
- নিশ্চিত করুন ফাইলের এক্সটেনশন .html
Step 4: ব্রাউজারে ওপেন করুন
- index.html ফাইলটিতে ডাবল ক্লিক করুন অথবা
- ফাইলটিকে Chrome / Firefox-এ ড্র্যাগ করে ছেড়ে দিন
আপনি দেখবেন আপনার প্রথম HTML পেজ তৈরি হয়ে গেছে!
HTML শুরু করার সময় যা জানবেন
১. HTML ট্যাগ ব্যবহার করে লেখা হয়
উদাহরণ:
<h1>এটি একটি হেডিং</h1>
২. HTML এলিমেন্ট Nested হতে পারে
অর্থাৎ একটি এলিমেন্টের ভিতরে আরেকটি এলিমেন্ট রাখা যায়।
৩. HTML Case-Insensitive
HTML ট্যাগ বড় হাতের/ছোট হাতের যে কোনো অক্ষরে লেখা যায়, তবে ছোট হাতের লেখা Best Practice।
৪. ব্রাউজার HTML অটো-ফরম্যাট করে
আপনি ভুলভাবে স্পেস দিলে বা লাইন ব্রেক দিলে ব্রাউজার অনেক সময় নিজে থেকেই ঠিক করে নেয়।
HTML শেখার পরবর্তী ধাপ
HTML শুরু করার পর আপনি ধীরে ধীরে শিখতে পারেন—
- HTML Elements
- Attributes
- Images
- Links
- Lists
- Tables
- Forms
- Semantic Elements
- HTML5 Features
ধাপে ধাপে এগুলোর প্রতিটি আমরা এই সিরিজে কভার করবো।
একটি ছোট প্র্যাকটিস টাস্ক (Practice Task for You)
আপনার প্রথম HTML ফাইলে নিচের কনটেন্টগুলো যোগ করার চেষ্টা করুন:
একটি
<h2>ট্যাগএকটি
<img>ট্যাগএকটি
<a>লিঙ্কএকটি ছোট প্যারাগ্রাফ
এভাবে প্রতিদিন একটু একটু করে প্র্যাকটিস করলে HTML খুব সহজ হয়ে যাবে।
উপসংহার
HTML শুরু করা খুবই সহজ—একটি টেক্সট এডিটর, একটি ব্রাউজার আর একটু ইচ্ছা থাকলেই আপনি নিজের ওয়েবপেজ তৈরি করতে পারবেন। এই পোস্টের কোডটি শিখে নিলে আপনি সম্পূর্ণ নিজের প্রথম ওয়েবপেজ তৈরি করতে পারবেন।
