HTML পরিচিতি ও ডকুমেন্ট স্ট্রাকচার

HTML কী?

HTML (HyperText Markup Language) হলো ওয়েবপেজ তৈরির মৌলিক ভাষা। এটি কোনো programming language নয়, বরং markup language — কন্টেন্টের গঠন ও অর্থ সংজ্ঞায়িত করে।

HTML এর ইতিহাস

• Tim Berners-Lee ১৯৯১ সালে HTML তৈরি করেন
• HTML 4.01 → XHTML → HTML5 (২০১৪) — বর্তমান স্ট্যান্ডার্ড

একটি মৌলিক HTML ডকুমেন্ট

<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>আমার প্রথম পেজ</title>
</head>
<body>
    <h1>হ্যালো, বিশ্ব!</h1>
    <p>এটি আমার প্রথম ওয়েবপেজ।</p>
</body>
</html>

প্রতিটি অংশের ব্যাখ্যা

• <!DOCTYPE html> — ব্রাউজারকে বলে এটি HTML5
• <html> — root element, সব কিছু এর ভিতরে
• <head> — meta-তথ্য (title, charset, CSS link) — দেখা যায় না
• <body> — প্রকৃত কন্টেন্ট যা পেজে দেখা যায়
• <meta charset="UTF-8"> — বাংলা/Unicode সাপোর্টের জন্য
• <meta viewport> — Responsive design এর জন্য

HTML Tag এর গঠন

<tagname attribute="value">Content</tagname>
     ↑        ↑         ↑      ↑         ↑
   opening  attr-name  value  text    closing tag

Self-closing Tags (Void Elements)

কিছু tag-এর closing tag লাগে না:

<br>       <!-- line break -->
<hr>       <!-- horizontal rule -->
<img src="..." alt="...">
<input type="text">
<meta charset="UTF-8">