Headings (শিরোনাম)
HTML-এ ৬টি level-এর heading আছে: <h1> থেকে <h6>।
<h1>সবচেয়ে গুরুত্বপূর্ণ (page title)</h1> <h2>সেকশন শিরোনাম</h2> <h3>উপ-সেকশন</h3> <h4>আরও ছোট</h4> <h5>আরও ছোট</h5> <h6>সবচেয়ে ছোট</h6>
💡 একটি পেজে সাধারণত একটিই <h1> থাকা উচিত (SEO-র জন্য)।
Paragraph ও Line Break
<p>এটি একটি প্যারাগ্রাফ।</p> <p>এটি আরেকটি প্যারাগ্রাফ।<br>এখানে নতুন লাইন।</p> <hr> <!-- অনুভূমিক রেখা -->
Text Formatting Tags
<strong>মোটা (গুরুত্বপূর্ণ)</strong> → <b> (শুধু bold) <em>জোর দেয়া (italic)</em> → <i> (শুধু italic) <mark>হাইলাইট করা টেক্সট</mark> <small>ছোট টেক্সট</small> <del>কাটা টেক্সট</del> <ins>নতুন যোগ করা টেক্সট</ins> <sub>H<sub>2</sub>O</sub> → সাবস্ক্রিপ্ট <sup>x<sup>2</sup></sup> → সুপারস্ক্রিপ্ট <code>inline code</code> <pre>preformatted text</pre> <blockquote>উদ্ধৃতি</blockquote> <abbr title="World Health">WHO</abbr>
Semantic vs Presentational
- Semantic:
<strong>,<em>— অর্থ বহন করে (SEO ও screen reader বোঝে) - Presentational:
<b>,<i>— শুধু চেহারা পরিবর্তন - আধুনিক HTML-এ semantic ব্যবহার করুন