HTML ট্যাগের তালিকা (Heading, Paragraph, Formatting)

HTML ট্যাগের তালিকা (Heading, Paragraph, Formatting)


১। হেডিং ট্যাগ (Heading Tags)

উদ্দেশ্য: ওয়েবপেজে শিরোনাম বা হেডিং দেখানোর জন্য।

হেডিং ট্যাগের ধরণ: <h1> থেকে <h6>

ট্যাগ পূর্ণরূপ কাজ/ব্যাখ্যা উদাহরণ
<h1> Heading 1 সবচেয়ে বড় এবং গুরুত্বপূর্ণ হেডিং <h1>Big Title</h1>
<h2> Heading 2 দ্বিতীয় গুরুত্বপূর্ণ হেডিং <h2>Subtitle</h2>
<h3> Heading 3 তৃতীয় গুরুত্বপূর্ণ হেডিং <h3>Section</h3>
<h4> Heading 4 ছোট হেডিং <h4>Topic</h4>
<h5> Heading 5 আরো ছোট হেডিং <h5>Subtopic</h5>
<h6> Heading 6 সবচেয়ে ছোট হেডিং <h6>Note</h6>

মনে রাখার কৌশল/গল্প:
ছেলেটা H1 সবচেয়ে বড় বই পড়তে ভালোবাসে, H2 একটু ছোট বই, H3 ছোট কিশোরদের বই, H4-6 হলো গল্পের ছোট অংশ।
কৌশল: হেডিং সংখ্যা যত বেশি, গুরুত্ব তত কম → মনে রাখার সহজ গল্প।

অ্যাট্রিবিউট:

  • align="left|right|center|justify" → হেডিং কোথায় বসবে।

  • উদাহরণ: <h1 align="center">Centered Title</h1>


২। অনুভূমিক লাইন (Horizontal Rule)

ট্যাগ: <hr>
উদ্দেশ্য: কনটেন্ট আলাদা করতে বা শিরোনামের নিচে লাইন আনতে।
উদাহরণ:

<h1>HTML</h1>
<hr>
<h1>CSS</h1>

মনে রাখার কৌশল:
Horizontal Rule → HR → লাইন!

অ্যাট্রিবিউট:

  • align → line alignment

  • width, size, color → লাইন প্রস্থ, উচ্চতা, রং


৩। প্যারাগ্রাফ ট্যাগ (Paragraph Tag)

ট্যাগ: <p> … </p>
উদ্দেশ্য: ওয়েবপেজে প্যারাগ্রাফ প্রদর্শনের জন্য।

উদাহরণ:

<p>This is a paragraph.</p>

মনে রাখার কৌশল:
P = Paragraph → মনে রাখো, লেখা P দিয়ে শুরু হয়, তাই <p>

অ্যাট্রিবিউট:

  • align="left|right|center|justify" → টেক্সট কোথায় বসবে।


৪। লাইন ব্রেক ট্যাগ (Line Break Tag)

ট্যাগ: <br>
উদ্দেশ্য: নতুন লাইন শুরু করতে।
বৈশিষ্ট্য: এটি এম্পটি ট্যাগ, ক্লোজিং নেই।

উদাহরণ:

<p>This is<br>a line break<br>example.</p>

মনে রাখার কৌশল:
BR = Break → লাইন ভাঙার জন্য।


৫। প্রিফরম্যাটেড টেক্সট (Preformatted Text)

ট্যাগ: <pre> … </pre>
উদ্দেশ্য: স্পেস এবং লাইন ব্রেক ঠিক রাখে।

উদাহরণ:

<pre>
Hello
World
</pre>

মনে রাখার কৌশল:
Pre → Preserve → সব স্পেস লাইন ঠিক রাখবে।


৬। স্টাইল অ্যাট্রিবিউট (Style Attribute)

ব্যবহার: HTML এলিমেন্টের ফন্ট, সাইজ, কালার, মার্জিন ইত্যাদি নির্ধারণ।

সিনট্যাক্স:

<tagname style="property:value;">

উদাহরণ:

<p style="color:red; font-size:14px;">Styled paragraph</p>

মনে রাখার কৌশল:
Style → টেক্সট সাজানো, CSS এর মতো।


৭। ফন্ট ট্যাগ (Font Tag)

ট্যাগ: <font> … </font>
উদ্দেশ্য: ফন্টের সাইজ, রং, এবং ফন্ট ফেইস পরিবর্তন।

অ্যাট্রিবিউট:

  • size → সাইজ

  • color → রং

  • face → ফন্ট ফেইস

উদাহরণ:

<font size="14" color="green" face="Arial">Hello</font>

মনে রাখার কৌশল:
ফন্টের জন্য Font → F: size, color, face → মনে রাখা সহজ।


৮। ফরম্যাটিং ট্যাগ (Formatting Tags)

উদ্দেশ্য: টেক্সটকে বিভিন্ন স্টাইল প্রদর্শনের জন্য।

ট্যাগ কাজ উদাহরণ মেমোরি কৌশল
<b> Bold <b>Bold</b> Bold = B
<strong> Important (bold) <strong>Important</strong> Strong = গুরুত্বপূর্ণ
<i> Italic <i>Italic</i> I = Italic
<em> Emphasized (italic) <em>Emphasis</em> Emphasis → ইম্পোর্ট্যান্ট
<u> Underline <u>Underline</u> U = Underline
<del> Deleted <del>Deleted</del> Removable → Delete
<strike> Strikethrough <strike>Strike</strike> Strike out = ফেলা
<sub> Subscript <sub>2</sub> নিচে লেখার জন্য
<sup> Superscript <sup>2</sup> উপরের সূচক → Exponent
<small> Small text <small>Small</small> ছোট টেক্সট
<big> Big text <big>Big</big> বড় টেক্সট
<q> Short quotation <q>Quote</q> Q → Quote
<blockquote> Long quotation <blockquote>Long Quote</blockquote> Indented quote
<abbr> Abbreviation <abbr>WHO</abbr> সংক্ষিপ্ত রূপ
<address> Contact info <address>Contact</address> ঠিকানা দেখানোর জন্য
<cite> Work title <cite>Book Name</cite> Citation → কাজের শিরোনাম

মনে রাখার কৌশল:

  • Bold/Strong → গুরুত্ব, Italic/Em → হাইলাইট

  • Sub/Sup → নিচে/উপরে

  • q/blockquote → ছোট/লম্বা উদ্ধৃতি

  • Abbr → সংক্ষেপ, Address → ঠিকানা, Cite → কাজের নাম


৯। কমেন্ট ট্যাগ (Comment Tag)

ট্যাগ: <!-- … -->
উদ্দেশ্য: HTML কোডে মন্তব্য রাখতে, যা ব্রাউজারে দেখা যায় না।

উদাহরণ:

<!-- This is a comment -->
<p>Hello</p>

মনে রাখার কৌশল:
Comment → কোডের ভিতরে লেখা থাকে, দেখা যায় না → কোড ডকুমেন্টেশন।

HTML ট্যাগ মাইন্ডম্যাপ (Memory-Friendly)

HTML Tags

├─ 1. Heading Tags (<h1>…<h6>)
├─ <h1> – Biggest/Most important heading
├─ <h2> – Second important
├─ <h3> – Third level
├─ <h4> – Smaller heading
├─ <h5> – Smaller
└─ <h6> – Smallest heading
⬩ Attribute: align="left|right|center|justify"
│ ⬩ Memory Tip: H1=Biggest, H6=Smallest
├─ 2. Horizontal Line (<hr>)
├─ Purpose: Separate sections
│ └─ Memory Tip: HR = Horizontal Rule = Line
├─ 3. Paragraph (<p>…</p>)
│ ├─ Purpose: Show paragraph text
│ └─ Attribute: align="left|right|center|justify"

├─ 4. Line Break (<br>)
│ ├─ Purpose: New line within paragraph
│ └─ Memory Tip: BR = Break

├─ 5. Preformatted Text (<pre>…</pre>)
│ ├─ Purpose: Preserve spaces & line breaks
│ └─ Memory Tip: Pre = Preserve

├─ 6. Style Attribute (style="…")
│ ├─ Purpose: Font, color, size, alignment, margin, padding, etc.
│ └─ Example: <p style="color:red; font-size:14px;">

├─ 7. Font Tag (<font>…</font>)
│ ├─ Purpose: Change font, color, size
│ ├─ Attributes: size, color, face
│ └─ Memory Tip: F = Font → size, color, face

├─ 8. Formatting Tags
│ ├─ <b> – Bold
│ ├─ <strong> – Important/Bold
│ ├─ <i> – Italic
│ ├─ <em> – Emphasized/Italic
│ ├─ <u> – Underline
│ ├─ <del> – Deleted
│ ├─ <strike> – Strikethrough
│ ├─ <sub> – Subscript
│ ├─ <sup> – Superscript
│ ├─ <small> – Small text
│ ├─ <big> – Big text
│ ├─ <q> – Short quotation
│ ├─ <blockquote> – Long quotation
│ ├─ <abbr> – Abbreviation
│ ├─ <address> – Contact info
│ └─ <cite> – Work title

└─ 9. Comment Tag (<!-- … -->)
├─ Purpose: Developer comments, not visible in browser
└─ Memory Tip: Invisible notes for code

💡 মেমোরি কৌশল (ছোট গল্প/নোট)

  1. H1 থেকে H6 – বড় থেকে ছোট শিরোনাম, হেডিং সংখ্যা যত বেশি, গুরুত্ব কম।

  2. HR = Line → শিরোনাম আলাদা করার লাইন।

  3. P = Paragraph → লেখা প্যারাগ্রাফে।

  4. BR = Break → লাইন ভাঙতে।

  5. Pre = Preserve → স্পেস ও লাইন ঠিক রাখে।

  6. Font → F = size, color, face।

  7. Formatting tags → টেক্সট সাজানোর জন্য।

  8. Comment → ডেভেলপারদের কোড নোট।

    HTML ট্যাগ MCQ (50 Questions)

    Heading Tags

    1. ওয়েবপেইজে সবচেয়ে বড় হেডিং কোনটি?
      ক) <h3> খ) <h1> গ) <h6> ঘ) <h4>
      Answer: খ) <h1>

    2. সবচেয়ে ছোট হেডিং কোনটি?
      ক) <h1> খ) <h4> গ) <h6> ঘ) <h5>
      Answer: গ) <h6>

    3. <h2> ট্যাগের মূল কাজ কি?
      ক) প্যারাগ্রাফ লেখা খ) দ্বিতীয় গুরুত্বপূর্ণ শিরোনাম গ) লাইন ব্রেক ঘ) ফন্ট পরিবর্তন
      Answer: খ) দ্বিতীয় গুরুত্বপূর্ণ শিরোনাম

    4. <h3> হেডিং ট্যাগের ডিফল্ট বৈশিষ্ট্য কী?
      ক) সবচেয়ে বড় খ) মাঝারি আকার গ) সবচেয়ে ছোট ঘ) বোল্ড
      Answer: খ) মাঝারি আকার

    5. কোন হেডিং ট্যাগের জন্য align অ্যাট্রিবিউট ব্যবহার করা যায়?
      ক) <p> খ) <h1> গ) <br> ঘ) <hr>
      Answer: খ) <h1>


    Paragraph Tags

    1. কোন ট্যাগ ব্যবহার করে প্যারাগ্রাফ তৈরি করা যায়?
      ক) <p> খ) <h1> গ) <hr> ঘ) <br>
      Answer: ক) <p>

    2. <p> ট্যাগের ডিফল্ট মার্জিন থাকে?
      ক) না খ) হ্যাঁ, কিছুটা গ) সবসময় ঘ) নির্ভর করে ব্রাউজারে
      Answer: খ) হ্যাঁ, কিছুটা

    3. কোনটি প্যারাগ্রাফে লেখা টেক্সটের অবস্থান পরিবর্তন করতে ব্যবহার হয়?
      ক) style=”text-align:…” খ) <hr> গ) <br> ঘ) <font>
      Answer: ক) style=”text-align:…”

    4. ব্রাউজার <p> ট্যাগের ভিতরের অতিরিক্ত স্পেস ও লাইনে কী করে?
      ক) সব রাখে খ) উপেক্ষা করে গ) ডিফল্ট মার্জিন দেয় ঘ) নতুন প্যারাগ্রাফ তৈরি করে
      Answer: খ) উপেক্ষা করে

    5. প্যারাগ্রাফের টেক্সটের আকার নির্ধারণ করতে কোনটি ব্যবহার করা হয়?
      ক) <h1> খ) style=”font-size:…” গ) <hr> ঘ) <br>
      Answer: খ) style=”font-size:…”


    Line Break & Preformatted Text

    1. লাইনের মধ্যে ব্রেক দিতে কোন ট্যাগ ব্যবহার হয়?
      ক) <p> খ) <pre> গ) <br> ঘ) <hr>
      Answer: গ) <br>

    2. <pre> ট্যাগের মূল সুবিধা কী?
      ক) লাইন ও স্পেস ঠিক রাখে খ) ফন্ট পরিবর্তন করে গ) হেডিং তৈরি করে ঘ) প্যারাগ্রাফ তৈরি করে
      Answer: ক) লাইন ও স্পেস ঠিক রাখে

    3. <pre> ট্যাগের ডিফল্ট ফন্ট কোনটি?
      ক) Arial খ) Times New Roman গ) Courier ঘ) Verdana
      Answer: গ) Courier

    4. নতুন প্যারাগ্রাফ তৈরি না করে শুধু লাইনে ব্রেক দিতে কোন ট্যাগ?
      ক) <p> খ) <br> গ) <pre> ঘ) <hr>
      Answer: খ) <br>

    5. <pre> ট্যাগের মধ্যে স্পেস ও লাইনের আচরণ কেমন থাকে?
      ক) উপেক্ষা করা হয় খ) যেমন আছে তেমন দেখায় গ) সব ছোট আকারে হয় ঘ) সব বড় আকারে হয়
      Answer: খ) যেমন আছে তেমন দেখায়


    Horizontal Rule

    1. ওয়েবপেইজে লাইন বা রুলার দেয়ার জন্য কোন ট্যাগ?
      ক) <hr> খ) <br> গ) <h1> ঘ) <p>
      Answer: ক) <hr>

    2. <hr> ট্যাগ কোন ধরনের ট্যাগ?
      ক) এন্ড ট্যাগ প্রয়োজন খ) এম্পটি ট্যাগ গ) কেবল ব্লক এলিমেন্ট ঘ) ইনলাইন এলিমেন্ট
      Answer: খ) এম্পটি ট্যাগ

    3. <hr> ট্যাগের মূল উদ্দেশ্য কি?
      ক) নতুন প্যারাগ্রাফ খ) বিষয় আলাদা করা গ) হেডিং ঘ) ফন্ট পরিবর্তন
      Answer: খ) বিষয় আলাদা করা

    4. <hr> এর ডিফল্ট আচরণ?
      ক) কোন ব্রাউজারে দেখানো হয় না খ) অনুভূমিক রেখা গ) লাইন ভাঙে ঘ) টেক্সট বোল্ড করে
      Answer: খ) অনুভূমিক রেখা

    5. <hr> ট্যাগের কোন অ্যাট্রিবিউট নেই?
      ক) width খ) height গ) font-size ঘ) color
      Answer: গ) font-size


    Font Tag

    1. কোন ট্যাগের মাধ্যমে ফন্ট, সাইজ ও কালার পরিবর্তন করা যায়?
      ক) <font> খ) <h1> গ) <p> ঘ) <pre>
      Answer: ক) <font>

    2. <font> ট্যাগে কোন অ্যাট্রিবিউট নেই?
      ক) size খ) color গ) face ঘ) align
      Answer: ঘ) align

    3. <font face="Arial"> এর কাজ কী?
      ক) কালার পরিবর্তন খ) ফন্ট ফ্যামিলি Arial ব্যবহার করা গ) আকার পরিবর্তন ঘ) বোল্ড করা
      Answer: খ) ফন্ট ফ্যামিলি Arial ব্যবহার করা

    4. <font size="4"> দ্বারা কী পরিবর্তন হয়?
      ক) ফন্টের আকার খ) ফন্টের রং গ) ফন্ট ফ্যামিলি ঘ) লাইন ব্রেক
      Answer: ক) ফন্টের আকার

    5. <font color="green"> দ্বারা কী হয়?
      ক) ফন্টের রং সবুজ খ) বোল্ড করা গ) আন্ডারলাইন ঘ) হেডিং
      Answer: ক) ফন্টের রং সবুজ


    Formatting Tags (Bold, Italic, Underline, etc.)

    1. কোন ট্যাগ টেক্সটকে বোল্ড করে?
      ক) <b> খ) <i> গ) <u> ঘ) <em>
      Answer: ক) <b>

    2. <strong> ট্যাগের অর্থ?
      ক) সাধারণ বোল্ড খ) গুরুত্বপূর্ণ/স্ট্রং গ) ইটালিক ঘ) আন্ডারলাইন
      Answer: খ) গুরুত্বপূর্ণ/স্ট্রং

    3. <i> ট্যাগের কাজ কী?
      ক) বোল্ড করা খ) ইটালিক করা গ) আন্ডারলাইন করা ঘ) স্ট্রাইক করা
      Answer: খ) ইটালিক করা

    4. <em> ট্যাগের উদ্দেশ্য?
      ক) বোল্ড করা খ) ইটালিক এবং গুরুত্ব গ) আন্ডারলাইন ঘ) লাইন ব্রেক
      Answer: খ) ইটালিক এবং গুরুত্ব

    5. <u> ট্যাগ টেক্সটকে কী করে?
      ক) ইটালিক খ) আন্ডারলাইন গ) বোল্ড ঘ) স্ট্রাইক
      Answer: খ) আন্ডারলাইন

    6. <del> ট্যাগের কাজ?
      ক) আন্ডারলাইন খ) মোছা/ডিলিট করা গ) বোল্ড ঘ) ইটালিক
      Answer: খ) মোছা/ডিলিট করা

    7. <strike> ট্যাগের কাজ?
      ক) ইটালিক খ) বোল্ড গ) স্ট্রাইক ঘ) আন্ডারলাইন
      Answer: গ) স্ট্রাইক

    8. <sub> ট্যাগ কী করে?
      ক) সুপারস্ক্রিপ্ট খ) সাবস্ক্রিপ্ট গ) বোল্ড ঘ) ইটালিক
      Answer: খ) সাবস্ক্রিপ্ট

    9. <sup> ট্যাগ কী করে?
      ক) সাবস্ক্রিপ্ট খ) সুপারস্ক্রিপ্ট গ) বোল্ড ঘ) ইটালিক
      Answer: খ) সুপারস্ক্রিপ্ট

    10. <small> ট্যাগ কী করে?
      ক) বড় খ) ছোট গ) বোল্ড ঘ) ইটালিক
      Answer: খ) ছোট

    11. <big> ট্যাগ কী করে?
      ক) বড় খ) ছোট গ) বোল্ড ঘ) ইটালিক
      Answer: ক) বড়

    12. কোন ট্যাগ শর্ট কোটেশনের জন্য ব্যবহৃত হয়?
      ক) <q> খ) <blockquote> গ) <cite> ঘ) <abbr>
      Answer: ক) <q>

    13. লম্বা কোটেশনের জন্য কোন ট্যাগ?
      ক) <q> খ) <blockquote> গ) <cite> ঘ) <abbr>
      Answer: খ) <blockquote>

    14. সংক্ষিপ্ত রূপ বা abbreviation দেখানোর ট্যাগ?
      ক) <abbr> খ) <address> গ) <cite> ঘ) <pre>
      Answer: ক) <abbr>

    15. ওয়েবপেজে যোগাযোগের তথ্য দেখানোর জন্য কোন ট্যাগ?
      ক) <address> খ) <abbr> গ) <cite> ঘ) <pre>
      Answer: ক) <address>

    16. কাজের শিরোনাম প্রদর্শনের জন্য কোন ট্যাগ?
      ক) <cite> খ) <address> গ) <abbr> ঘ) <q>
      Answer: ক) <cite>


    Comment Tags

    1. কোন ট্যাগ ব্যবহার করে HTML এ মন্তব্য লেখা যায়?
      ক) <!-- comment --> খ) <comment> গ) <cmt> ঘ) <note>
      Answer: ক) <!-- comment -->

    2. HTML মন্তব্য ব্রাউজারে কেমন হয়?
      ক) দেখানো হয় খ) দেখানো হয় না গ) আন্ডারলাইন হয় ঘ) বোল্ড হয়
      Answer: খ) দেখানো হয় না

    3. মন্তব্য কোথায় লেখা যায়?
      ক) শুধুমাত্র <head> খ) শুধুমাত্র <body> গ) <head><body> উভয় ঘ) শুধু টেক্সট ফাইল
      Answer: গ) <head><body> উভয়

    4. মন্তব্যে কোন চিহ্ন থাকে?
      ক) ! খ) @ গ) # ঘ) $
      Answer: ক) !


    Superscript/Subscript & Equation Tags

    1. X² কে ওয়েবপেজে দেখানোর জন্য কোন ট্যাগ?
      ক) <sup> খ) <sub> গ) <b> ঘ) <i>
      Answer: ক) <sup>

    2. H₂O কে ওয়েবপেজে দেখানোর জন্য কোন ট্যাগ?
      ক) <sup> খ) <sub> গ) <b> ঘ) <i>
      Answer: খ) <sub>

    3. (a+b)² কে HTML-এ দেখানোর জন্য কোন ট্যাগ?
      ক) <sup> খ) <sub> গ) <pre> ঘ) <br>
      Answer: ক) <sup>

    4. (a1+b1)₃ সমীকরণটি প্রদর্শনের জন্য কোন ট্যাগ?
      ক) <sup> খ) <sub> গ) <b> ঘ) <i>
      Answer: ক) <sup>

    5. X₁+X₂ সমীকরণ দেখানোর জন্য কোন ট্যাগ ব্যবহার করা উচিত?
      ক) <sub> খ) <sup> গ) <b> ঘ) <i>
      Answer: ক) <sub>

      HTML ট্যাগ MCQ – কোডসহ টেবিল

      # Question Options Answer HTML Example
      1 সবচেয়ে বড় হেডিং কোনটি? <h3> <h1> <h6> <h4> <h1> <h1>This is heading 1</h1>
      2 সবচেয়ে ছোট হেডিং কোনটি? <h1> <h4> <h6> <h5> <h6> <h6>This is heading 6</h6>
      3 <h2> ট্যাগের মূল কাজ কি? প্যারাগ্রাফ লেখা, দ্বিতীয় গুরুত্বপূর্ণ শিরোনাম, লাইন ব্রেক, ফন্ট পরিবর্তন দ্বিতীয় গুরুত্বপূর্ণ শিরোনাম <h2>This is heading 2</h2>
      4 <h3> হেডিং ট্যাগের ডিফল্ট বৈশিষ্ট্য কী? সবচেয়ে বড়, মাঝারি, সবচেয়ে ছোট, বোল্ড মাঝারি <h3>This is heading 3</h3>
      5 কোন হেডিং ট্যাগে align অ্যাট্রিবিউট ব্যবহার করা যায়? <p> <h1> <br> <hr> <h1> <h1 align="center">Centered Heading</h1>
      6 কোন ট্যাগ ব্যবহার করে প্যারাগ্রাফ তৈরি করা যায়? <p> <h1> <hr> <br> <p> <p>This is a paragraph.</p>
      7 <p> ট্যাগের ডিফল্ট মার্জিন থাকে? না, হ্যাঁ কিছুটা, সবসময়, নির্ভর করে ব্রাউজারে হ্যাঁ কিছুটা <p>This paragraph has default margin.</p>
      8 কোনটি প্যারাগ্রাফে লেখা টেক্সটের অবস্থান পরিবর্তন করতে ব্যবহার হয়? style=”text-align:…”, <hr>, <br>, <font> style=”text-align:…” <p style="text-align:right;">Right aligned paragraph</p>
      9 ব্রাউজার <p> ট্যাগের ভিতরের অতিরিক্ত স্পেস ও লাইনে কী করে? সব রাখে, উপেক্ষা করে, ডিফল্ট মার্জিন দেয়, নতুন প্যারাগ্রাফ তৈরি করে উপেক্ষা করে <p>This text ignores extra spaces.</p>
      10 প্যারাগ্রাফের টেক্সটের আকার নির্ধারণ করতে কোনটি ব্যবহার করা হয়? <h1>, style=”font-size:…”, <hr>, <br> style=”font-size:…” <p style="font-size:16px;">Text with font size 16px.</p>
      11 লাইনের মধ্যে ব্রেক দিতে কোন ট্যাগ ব্যবহার হয়? <p> <pre> <br> <hr> <br> Line1<br>Line2<br>Line3
      12 <pre> ট্যাগের মূল সুবিধা কী? লাইন ও স্পেস ঠিক রাখে, ফন্ট পরিবর্তন করে, হেডিং তৈরি করে, প্যারাগ্রাফ তৈরি করে লাইন ও স্পেস ঠিক রাখে <pre> Text with spaces</pre>
      13 <pre> ট্যাগের ডিফল্ট ফন্ট কোনটি? Arial, Times New Roman, Courier, Verdana Courier <pre style="font-family:Courier;">Text</pre>
      14 নতুন প্যারাগ্রাফ তৈরি না করে শুধু লাইনে ব্রেক দিতে কোন ট্যাগ? <p> <br> <pre> <hr> <br> Line1<br>Line2
      15 <pre> ট্যাগের মধ্যে স্পেস ও লাইনের আচরণ কেমন থাকে? উপেক্ষা করা হয়, যেমন আছে তেমন দেখায়, সব ছোট, সব বড় যেমন আছে তেমন দেখায় <pre> Space preserved</pre>
      16 ওয়েবপেইজে লাইন বা রুলার দেয়ার জন্য কোন ট্যাগ? <hr> <br> <h1> <p> <hr> <hr>
      17 <hr> ট্যাগ কোন ধরনের ট্যাগ? এন্ড ট্যাগ প্রয়োজন, এম্পটি, কেবল ব্লক এলিমেন্ট, ইনলাইন এলিমেন্ট এম্পটি <hr>
      18 <hr> ট্যাগের মূল উদ্দেশ্য কি? নতুন প্যারাগ্রাফ, বিষয় আলাদা করা, হেডিং, ফন্ট পরিবর্তন বিষয় আলাদা করা <h2>Section1</h2><hr><h2>Section2</h2>
      19 <hr> এর ডিফল্ট আচরণ? দেখানো হয় না, অনুভূমিক রেখা, লাইন ভাঙে, টেক্সট বোল্ড করে অনুভূমিক রেখা <hr>
      20 <hr> ট্যাগের কোন অ্যাট্রিবিউট নেই? width, height, font-size, color font-size <hr width="50%" color="red">
      21 কোন ট্যাগের মাধ্যমে ফন্ট, সাইজ ও কালার পরিবর্তন করা যায়? <font> <h1> <p> <pre> <font> <font face="Arial" size="4" color="green">Text</font>
      22 <font> ট্যাগে কোন অ্যাট্রিবিউট নেই? size, color, face, align align <font size="4" color="red">Text</font>
      23 <font face="Arial"> এর কাজ কী? কালার পরিবর্তন, ফন্ট ফ্যামিলি Arial ব্যবহার, আকার পরিবর্তন, বোল্ড ফন্ট ফ্যামিলি Arial ব্যবহার <font face="Arial">Arial Font</font>
      24 <font size="4"> দ্বারা কী পরিবর্তন হয়? ফন্টের আকার, ফন্টের রং, ফন্ট ফ্যামিলি, লাইন ব্রেক ফন্টের আকার <font size="4">Size 4 text</font>
      25 <font color="green"> দ্বারা কী হয়? ফন্টের রং সবুজ, বোল্ড, আন্ডারলাইন, হেডিং ফন্টের রং সবুজ <font color="green">Green Text</font>
      26 কোন ট্যাগ টেক্সটকে বোল্ড করে? <b> <i> <u> <em> <b> <b>Bold Text</b>
      27 <strong> ট্যাগের অর্থ? সাধারণ বোল্ড, গুরুত্বপূর্ণ, ইটালিক, আন্ডারলাইন গুরুত্বপূর্ণ <strong>Important Text</strong>
      28 <i> ট্যাগের কাজ কী? বোল্ড, ইটালিক, আন্ডারলাইন, স্ট্রাইক ইটালিক <i>Italic Text</i>
      29 <em> ট্যাগের উদ্দেশ্য? বোল্ড, ইটালিক ও গুরুত্ব, আন্ডারলাইন, লাইন ব্রেক ইটালিক ও গুরুত্ব <em>Emphasized Text</em>
      30 <u> ট্যাগ টেক্সটকে কী করে? ইটালিক, আন্ডারলাইন, বোল্ড, স্ট্রাইক আন্ডারলাইন <u>Underlined Text</u>
      31 <del> ট্যাগের কাজ? আন্ডারলাইন, মোছা/ডিলিট করা, বোল্ড, ইটালিক মোছা/ডিলিট করা <del>Deleted Text</del>
      32 <strike> ট্যাগের কাজ? ইটালিক, বোল্ড, স্ট্রাইক, আন্ডারলাইন স্ট্রাইক <strike>Striked Text</strike>
      33 <sub> ট্যাগ কী করে? সুপারস্ক্রিপ্ট, সাবস্ক্রিপ্ট, বোল্ড, ইটালিক সাবস্ক্রিপ্ট H<sub>2</sub>O
      34 <sup> ট্যাগ কী করে? সাবস্ক্রিপ্ট, সুপারস্ক্রিপ্ট, বোল্ড, ইটালিক সুপারস্ক্রিপ্ট X<sup>2</sup>
      35 <small> ট্যাগ কী করে? বড়, ছোট, বোল্ড, ইটালিক ছোট <small>Small Text</small>
      36 <big> ট্যাগ কী করে? বড়, ছোট, বোল্ড, ইটালিক বড় <big>Big Text</big>
      37 কোন ট্যাগ শর্ট কোটেশনের জন্য ব্যবহৃত হয়? <q> <blockquote> <cite> <abbr> <q> <q>Quote</q>
      38 লম্বা কোটেশনের জন্য কোন ট্যাগ? <q> <blockquote> <cite> <abbr> <blockquote> <blockquote>Long Quote</blockquote>
      39 সংক্ষিপ্ত রূপ দেখানোর ট্যাগ? <abbr> <address> <cite> <pre> <abbr> <abbr>WHO</abbr>
      40 যোগাযোগের তথ্য দেখানোর জন্য কোন ট্যাগ? <address> <abbr> <cite> <pre> <address> <address>Contact Info</address>
      41 কাজের শিরোনাম প্রদর্শনের জন্য কোন ট্যাগ? <cite> <address> <abbr> <q> <cite> <cite>Book Title</cite>
      42 কোন ট্যাগ ব্যবহার করে মন্তব্য লেখা যায়? <!-- comment --> <comment> <cmt> <note> <!-- comment --> <!-- This is a comment -->
      43 HTML মন্তব্য ব্রাউজারে কেমন হয়? দেখানো হয়, দেখানো হয় না, আন্ডারলাইন, বোল্ড দেখানো হয় না <!-- Not visible -->
      44 মন্তব্য কোথায় লেখা যায়? <head> শুধু, <body> শুধু, উভয়, শুধু টেক্সট উভয় <!-- Can be in head or body -->
      45 মন্তব্যে কোন চিহ্ন থাকে? ! @ # $ ! <!-- ! -->
      46 X² ওয়েবপেজে দেখানোর জন্য কোন ট্যাগ? <sup> <sub> <b> <i> <sup> X<sup>2</sup>
      47 H₂O ওয়েবপেজে দেখানোর জন্য কোন ট্যাগ? <sup> <sub> <b> <i> <sub> H<sub>2</sub>O
      48 (a+b)² HTML-এ দেখানোর জন্য কোন ট্যাগ? <sup> <sub> <pre> <br> <sup> (a+b)<sup>2</sup>
Facebook
Twitter
Email
Print

Leave a Reply

Your email address will not be published. Required fields are marked *