Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • HTML Documentation12টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Introduction
  • HTML কী?
  • HTML Syntax
  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Paragraphs
  • HTML Links
  • HTML Images
  • HTML Lists
  • HTML Tables
  • HTML Forms
  • Basics
  • Elements
  • Attributes
  • Forms
  • Advanced
  1. Docs
  2. HTML
  3. HTML Syntax (বাক্য গঠন)
HTMLBeginner

HTML Syntax (বাক্য গঠন)

HTML ট্যাগ, এলিমেন্ট ও অ্যাট্রিবিউটের গঠন কীভাবে হয় — HTML-এর মূল সিনট্যাক্স বাংলায় শিখুন।

12টি অংশবাংলা ভাষায়

HTML-এর প্রতিটি content একটি element দিয়ে ঘেরা থাকে। একটি element সাধারণত একটি start tag, content এবং end tag নিয়ে গঠিত।

ট্যাগ ও এলিমেন্টের গঠন

<p>  এটি একটি প্যারাগ্রাফের content  </p>
│ │                            │   │
│ └── start tag ──────────────┘   └── end tag
  • <p> — শুরুর ট্যাগ (opening tag)
  • </p> — শেষের ট্যাগ (closing tag)
  • মাঝখানে থাকে element-এর content
  • <p>...</p> পুরো অংশটুকুকে একসাথে element বলে

Nested Element

একটি element-এর ভেতরে আরেকটি element থাকতে পারে — একে nesting বলে। সঠিক নেস্টিং হলো আগে খোলা ট্যাগ আগে বন্ধ করা।

<ul>
  <li>প্রথম আইটেম</li>
  <li>দ্বিতীয় আইটেম</li>
</ul>

Empty Elements

কিছু element-এর content ও closing tag থাকে না — এগুলোকে empty element বলে। যেমন <br>, <img>, <hr>।

সাধারণ ট্যাগের তালিকা

ট্যাগঅর্থ
<h1> - <h6>শিরোনাম
<p>প্যারাগ্রাফ
<a>লিংক
<img>ছবি
<ul> / <ol> / <li>লিস্ট
<table> <tr> <td>টেবিল
<div>ব্লক কনটেইনার
<span>ইনলাইন কনটেইনার
ট্যাগ কি কেস-সেনসিটিভ?

HTML ট্যাগ কেস-সেনসিটিভ নয়। তবে সবাই lowercase ব্যবহার করেন — এটি প্রথা এবং Best Practice, তাই সর্বদা ছোট হাতের লেখা লিখুন।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরHTML কী?পরেরHTML Elements ( এলিমেন্ট)
এই পেজে
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com