X

X

X

HTML Text Formatting


Text Formatting

<p><b>This text is bold</b></p>
<p><i>This text is italic</i></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML Formatting ইলামেন্টস

আগের চ্যাপ্টারে আপনি HTML style attribute সম্পর্কে জেনেছেন।
HTML also defines special elements for defining text with a special meaning.

HTML uses elements like <b> and <i> for formatting output, like bold or italic text.

Formatting elements were designed to display special types of text:

  • <b> – Bold text
  • <strong> – Important text
  • <i> – Italic text
  • <em> – Emphasized text
  • <mark> – Marked text
  • <small> – Small text
  • <del> – Deleted text
  • <ins> – Inserted text
  • <sub> – Subscript text
  • <sup> – Superscript text

HTML <b> and <strong> Elements

The HTML <b> element defines bold text, without any extra importance.

Text Formatting

<p>This text is normal.</p>

<p><b>This text is bold.</b></p>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।

The HTML <strong> element defines strong text, with added semantic “strong” importance.

Text Formatting

<p>This text is normal.</p>

<p><strong>This text is strong.</strong></p>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML <i> and <em> Elements

The HTML <i> element defines italic text, without any extra importance.

Text Formatting Italic

<p>This text is normal.</p>

<p><i>This text is italic.</i></p>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


The HTML <em> element defines emphasized text, with added semantic importance.

Text Formatting Emphasized

<p>This text is normal.</p>

<p><em>This text is emphasized.</em></p>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।

Note: Browsers display <strong> as <b>, and <em> as <i>. However, there is a difference in the meaning of these tags: <b> and <i> defines bold and italic text, but <strong> and <em> means that the text is “important”.


HTML <small> Element

The HTML <small> element defines smaller text:

Text Formatting Small

<h2>HTML <small>Small</small> Formatting</h2>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML <mark> Element

The HTML <mark> element defines marked or highlighted text:

Text Formatting Marking Text

<h2>HTML <mark>Marked</mark> Formatting</h2>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML <del> Element

The HTML <del> element defines deleted (removed) text.

Text Formatting Deleted Text

<p>The del element represents deleted (removed) text.</p>

<p>My favorite color is <del>blue</del> red.</p>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML <ins> Element

The HTML <ins> element defines inserted (added) text.

Text Formatting Inserted Text


<p>The ins element represent inserted (added) text.</p>

<p>My favorite <ins>color</ins> is red.</p>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML <sub> Element

The HTML <sub> element defines subscripted text.

Text Formatting Subscripted Text

<p>This is <sub>subscripted</sub> text.</p>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML <sup> Element

The HTML <sup> element defines superscripted text.

Text Formatting Superscripted Text

<p>This is <sup>superscripted</sup> text.</p>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML Text Formatting Elements

Tag Description
<b> Defines bold text
<em> Defines emphasized text
<i> Defines italic text
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text