āĻ¯āĻāĻ¨ āĻāĻŽāĻ°āĻž āĻāĻāĻāĻŋ āĻ¸ā§āĻ¨ā§āĻĻāĻ° āĻĄāĻŋāĻāĻžāĻāĻ¨ā§āĻ° āĻā§ā§āĻŦ āĻĒā§āĻ āĻ¤ā§āĻ°āĻŋ āĻāĻ°āĻ¤ā§ āĻ¯āĻžāĻ, āĻ¤āĻāĻ¨ HTML Text Formatting āĻ
āĻ¤ā§āĻ¯āĻ¨ā§āĻ¤ āĻā§āĻ°ā§āĻ¤ā§āĻŦāĻĒā§āĻ°ā§āĻŖ āĻā§āĻŽāĻŋāĻāĻž āĻĒāĻžāĻ˛āĻ¨ āĻāĻ°ā§āĨ¤ āĻāĻāĻŋ āĻā§āĻŦāĻ˛āĻŽāĻžāĻ¤ā§āĻ° āĻā§ā§āĻŦ āĻĒā§āĻā§āĻ° āĻāĻ āĻ¨ āĻ āĻŋāĻ āĻ°āĻžāĻāĻ¤ā§āĻ āĻ¸āĻžāĻšāĻžāĻ¯ā§āĻ¯ āĻāĻ°ā§ āĻ¨āĻž, āĻāĻāĻŋ āĻā§ā§āĻŦ āĻĒā§āĻā§āĻ° āĻĒā§āĻ°ā§āĻā§āĻ¨ā§āĻā§āĻļāĻ¨ āĻāĻ°āĻ āĻ¸ā§āĻ¨ā§āĻĻāĻ° āĻāĻ°ā§ āĻ¤ā§āĻ˛ā§āĨ¤ āĻāĻāĻā§āĻ° āĻĒā§āĻ¸ā§āĻā§, āĻāĻŽāĻ°āĻž HTML Text Formatting āĻ¨āĻŋā§ā§ āĻŦāĻŋāĻ¸ā§āĻ¤āĻžāĻ°āĻŋāĻ¤ āĻāĻ˛ā§āĻāĻ¨āĻž āĻāĻ°āĻŦā§āĨ¤
HTML Text Formatting āĻā§?
HTML Text Formatting āĻšāĻ˛ā§ āĻāĻŽāĻ¨ āĻāĻāĻāĻŋ āĻĒā§āĻ°āĻā§āĻ°āĻŋāĻ¯āĻŧāĻž, āĻ¯āĻžāĻ° āĻŽāĻžāĻ§ā§āĻ¯āĻŽā§ āĻāĻŽāĻ°āĻž āĻā§āĻā§āĻ¸āĻāĻā§ āĻ¸ā§āĻ¨ā§āĻĻāĻ°āĻāĻžāĻŦā§ āĻ¸āĻžāĻāĻŋā§ā§ āĻāĻĒāĻ¸ā§āĻĨāĻžāĻĒāĻ¨ āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°āĻŋāĨ¤
HTML Text Formatting āĻāĻ° āĻāĻŋāĻā§ āĻā§āĻ°ā§āĻ¤ā§āĻŦāĻĒā§āĻ°ā§āĻŖ āĻā§āĻ¯āĻžāĻ 
1. <b>
āĻāĻŦāĻ <strong>
:
<b>
āĻā§āĻ¯āĻžāĻ āĻĻāĻŋā§ā§ āĻā§āĻā§āĻ¸āĻāĻā§ āĻŦā§āĻ˛ā§āĻĄ āĻāĻ°āĻž āĻ¯āĻžā§āĨ¤<strong>
āĻā§āĻ¯āĻžāĻ āĻĻāĻŋā§ā§āĻ āĻā§āĻā§āĻ¸āĻāĻā§ āĻŦā§āĻ˛ā§āĻĄ āĻāĻ°āĻž āĻ¯āĻžā§ āĻāĻŦāĻ āĻā§āĻā§āĻ¸āĻāĻāĻŋ āĻ āĻ¨ā§āĻ āĻā§āĻ°ā§āĻ¤ā§āĻŦāĻĒā§āĻ°ā§āĻŖ āĻ¸ā§āĻāĻŋ āĻŦā§āĻāĻžā§ āĻāĻŦāĻ āĻāĻ āĻā§āĻ¯āĻžāĻ SEO-āĻ¤ā§ āĻŦā§āĻļ āĻ¸āĻšāĻžā§āĻ āĻšāĻŋāĻ¸ā§āĻŦā§ āĻāĻžāĻ āĻāĻ°ā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
Normal Text
<b>Bold Text</b>
SEO Friendly Text
<strong>Important Text</strong>
2. <i>
āĻāĻŦāĻ <em>
:
<i>
āĻā§āĻ¯āĻžāĻ āĻĻāĻŋā§ā§ āĻā§āĻā§āĻ¸āĻāĻā§ italic āĻāĻ°āĻž āĻ¯āĻžā§āĨ¤<em>
āĻā§āĻ¯āĻžāĻ āĻĻāĻŋā§ā§āĻ āĻā§āĻā§āĻ¸āĻāĻā§ italic āĻāĻ°āĻž āĻ¯āĻžā§ āĻĒāĻžāĻļāĻžāĻĒāĻžāĻļāĻŋ āĻ āĻā§āĻā§āĻ¸āĻā§āĻ° āĻāĻĒāĻ° āĻā§āĻ°ā§āĻ¤ā§āĻŦ āĻĒā§āĻ°āĻĻāĻžāĻ¨ āĻāĻ°ā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
Stylish Text
<i>Italic Text</i>
Emphasized Text
<em>Important Emphasis</em>
3. <u>
āĻāĻŦāĻ <mark>
:
<u>
āĻā§āĻ¯āĻžāĻ āĻĻāĻŋā§ā§ āĻā§āĻā§āĻ¸āĻā§āĻ° āĻ¨āĻŋāĻā§ āĻāĻ¨ā§āĻĄāĻžāĻ°āĻ˛āĻžāĻāĻ¨ āĻāĻ°āĻž āĻšā§āĨ¤<mark>
āĻā§āĻ¯āĻžāĻ āĻĻāĻŋā§ā§ āĻā§āĻā§āĻ¸āĻāĻā§ āĻšāĻžāĻāĻ˛āĻžāĻāĻ āĻāĻ°āĻž āĻšā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
<u>Underlined Text</u>
<mark>Highlighted Text</mark>
4. <small>
āĻā§āĻ¯āĻžāĻ:
āĻāĻ āĻā§āĻ¯āĻžāĻāĻāĻŋ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§ āĻāĻŽāĻ°āĻž āĻā§āĻā§āĻ¸āĻāĻā§ āĻā§āĻ āĻāĻāĻžāĻ°ā§ āĻĒā§āĻ°āĻĻāĻ°ā§āĻļāĻ¨ āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°āĻŋāĨ¤
āĻā§āĻĨāĻžā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻŦā§āĻ¨?
- āĻ¨ā§āĻ āĻŦāĻž āĻāĻĒāĻ¯ā§āĻā§āĻ¤ āĻā§āĻ āĻā§āĻā§āĻ¸āĻ āĻĻā§āĻāĻžāĻ¨ā§āĻ° āĻāĻ¨ā§āĻ¯āĨ¤
- āĻāĻĒāĻŋāĻ°āĻžāĻāĻ, āĻĒā§āĻ°āĻāĻžāĻļāĻ āĻ¤āĻĨā§āĻ¯, āĻŦāĻž āĻĢā§āĻāĻ¨ā§āĻā§āĻ° āĻāĻ¨ā§āĻ¯āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
<p>This is normal text. <small>This is small text.</small></p>
āĻāĻāĻāĻĒā§āĻ:
This is normal text. This is small text.
5. <del>
āĻāĻŦāĻ <ins>
āĻā§āĻ¯āĻžāĻ:
-
<del>
āĻā§āĻ¯āĻžāĻ:
āĻāĻāĻŋ āĻā§āĻā§āĻ¸āĻā§āĻ° āĻāĻĒāĻ° āĻāĻžāĻāĻž (strike-through) āĻ˛āĻžāĻāĻ¨ āĻĒā§āĻ°āĻĻāĻ°ā§āĻļāĻ¨ āĻāĻ°ā§, āĻ¯āĻž āĻŦāĻžāĻ¤āĻŋāĻ˛ āĻā§āĻā§āĻ¸āĻ āĻŦā§āĻāĻžā§āĨ¤ -
<ins>
āĻā§āĻ¯āĻžāĻ:
āĻāĻāĻŋ āĻāĻ¨ā§āĻĄāĻžāĻ°āĻ˛āĻžāĻāĻ¨ āĻāĻ°āĻž āĻā§āĻā§āĻ¸āĻ āĻŦā§āĻāĻžā§, āĻ¯āĻž āĻ¨āĻ¤ā§āĻ¨āĻāĻžāĻŦā§ āĻ¯ā§āĻ āĻāĻ°āĻž āĻšā§ā§āĻā§ āĻ¸ā§āĻāĻŋ āĻ¨āĻŋāĻ°ā§āĻĻā§āĻļ āĻāĻ°ā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
<p>The price was <del>$50</del>. Now it is <ins>$30</ins>.</p>
āĻāĻāĻāĻĒā§āĻ:
The price was $50. Now it is $30.
6. <sub>
āĻāĻŦāĻ <sup>
āĻā§āĻ¯āĻžāĻ:
-
<sub>
āĻā§āĻ¯āĻžāĻ:
āĻāĻāĻŋ āĻ¸āĻžāĻŦāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻ āĻā§āĻā§āĻ¸āĻ āĻ¤ā§āĻ°āĻŋ āĻāĻ°ā§, āĻ¯ā§āĻŽāĻ¨ āĻĒāĻžāĻ¨āĻŋāĻ° āĻ¸āĻāĻā§āĻ¤ā§ ā§¨ āĻāĻāĻā§ āĻ¨āĻŋāĻā§āĻ° āĻĻāĻŋāĻā§ āĻ āĻŦāĻ¸ā§āĻĨāĻžāĻ¨ āĻāĻ°ā§āĨ¤ -
<sup>
āĻā§āĻ¯āĻžāĻ:
āĻāĻāĻŋ āĻ¸ā§āĻĒāĻžāĻ°āĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻ āĻā§āĻā§āĻ¸āĻ āĻ¤ā§āĻ°āĻŋ āĻāĻ°ā§, āĻ¯ā§āĻŽāĻ¨ āĻāĻŖāĻŋāĻ¤ā§āĻ° āĻ¸ā§āĻ¤ā§āĻ°ā§ āĻĒāĻžāĻā§āĻžāĻ°ā§ āĻ¯ā§ āĻā§āĻā§āĻ¸āĻ āĻĨāĻžāĻā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
<p>H<sub>2</sub>O is the formula for water.</p>
<p>x<sup>2</sup> + y<sup>2</sup> = z<sup>2</sup></p>
āĻāĻāĻāĻĒā§āĻ:
HâO is the formula for water.
x² + y² = z²
7. <code>
, <pre>
, āĻāĻŦāĻ <kbd>
āĻā§āĻ¯āĻžāĻ:
-
<code>
āĻā§āĻ¯āĻžāĻ:
āĻāĻāĻŋ āĻā§āĻĄ āĻā§āĻā§āĻ¸āĻ āĻĒā§āĻ°āĻĻāĻ°ā§āĻļāĻ¨ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšāĻ¯āĻŧāĨ¤ -
<pre>
āĻā§āĻ¯āĻžāĻ:
āĻāĻāĻŋ āĻĒā§āĻ°āĻŋ-āĻĢāĻ°āĻŽā§āĻ¯āĻžāĻā§āĻĄ āĻā§āĻā§āĻ¸āĻ āĻĻā§āĻāĻžā§ āĻ¯ā§āĻāĻžāĻ¨ā§ āĻ¸ā§āĻĒā§āĻ¸ āĻāĻŦāĻ āĻ˛āĻžāĻāĻ¨ āĻŦā§āĻ°ā§āĻ āĻ¸ā§āĻ āĻĨāĻžāĻā§āĨ¤ -
<kbd>
āĻā§āĻ¯āĻžāĻ:
āĻāĻāĻŋ āĻā§āĻŦā§āĻ°ā§āĻĄ āĻāĻ¨āĻĒā§āĻ āĻ¨āĻŋāĻ°ā§āĻĻā§āĻļ āĻāĻ°āĻžāĻ° āĻāĻ¨ā§āĻ¯ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
<p>Here is some code: <code>console.log('Hello, World!');</code></p>
<pre>
function greet() {
console.log('Hello, World!');
}
</pre>
<p>Press <kbd>Ctrl</kbd> + <kbd>S</kbd> to save.</p>
āĻāĻāĻāĻĒā§āĻ:
Here is some code: console.log('Hello, World!');
function greet() {
console.log('Hello, World!');
}
Press Ctrl + S to save.
8. <bdi>
āĻāĻŦāĻ <bdo>
āĻā§āĻ¯āĻžāĻ:
-
<bdi>
āĻā§āĻ¯āĻžāĻ:
āĻāĻāĻŋ āĻā§āĻā§āĻ¸āĻā§āĻ° āĻĻāĻŋāĻ āĻ¨āĻŋāĻ°ā§āĻ§āĻžāĻ°āĻŖ āĻ¨āĻž āĻāĻ°ā§āĻ āĻĒā§āĻ°āĻĻāĻ°ā§āĻļāĻ¨ āĻāĻ°ā§āĨ¤ -
<bdo>
āĻā§āĻ¯āĻžāĻ:
āĻāĻāĻŋ āĻā§āĻā§āĻ¸āĻā§āĻ° āĻĻāĻŋāĻ āĻ¨āĻŋāĻ°ā§āĻ§āĻžāĻ°āĻŖ āĻāĻ°āĻ¤ā§ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšā§ (LTR āĻŦāĻž RTL)āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
<p>The following username is unique: <bdi>user123</bdi>.</p>
<p><bdo dir="rtl">This text is reversed.</bdo></p>
āĻāĻāĻāĻĒā§āĻ:
The following username is unique: user123.
âŽThis text is reversed.âŦ
9. <span>
āĻā§āĻ¯āĻžāĻ:
<span>
āĻā§āĻ¯āĻžāĻ āĻšāĻ˛ āĻāĻāĻāĻŋ āĻāĻ¨āĻ˛āĻžāĻāĻ¨ āĻāĻ¨ā§āĻā§āĻāĻ¨āĻžāĻ° āĻ¯āĻž āĻ°āĻŋā§ā§āĻ˛ āĻ˛āĻžāĻāĻĢ āĻĒā§āĻ°ā§āĻā§āĻā§āĻā§ āĻĒā§āĻ°āĻā§āĻ° āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšā§āĨ¤ āĻšā§āĻĄāĻŋāĻ āĻŦāĻž āĻĒā§āĻ¯āĻžāĻ°āĻžāĻā§āĻ°āĻžāĻĢā§āĻ° āĻŽāĻ§ā§āĻ¯ āĻĨā§āĻā§ āĻ¨āĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āĻ āĻā§āĻ¨ āĻ
āĻāĻļāĻā§ āĻ˛āĻžāĻāĻ¨ āĻŦā§āĻ°ā§āĻ āĻ¨āĻž āĻāĻ°ā§ āĻāĻŋāĻ¨ā§āĻ¨ āĻ¸ā§āĻāĻžāĻāĻ˛ āĻĻāĻŋāĻ¤ā§ āĻāĻāĻŋ āĻ
āĻ¨ā§āĻ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
<p>This is <span style="color: red;">important</span> text.</p>
āĻāĻāĻāĻĒā§āĻ:
This is important text. ( important āĻļāĻŦā§āĻĻāĻāĻŋ āĻ˛āĻžāĻ˛ āĻ°āĻā§āĻ° āĻšāĻŦā§ )
10. <hr>
āĻā§āĻ¯āĻžāĻ:
<hr>
āĻā§āĻ¯āĻžāĻ āĻĒā§āĻˇā§āĻ āĻžāĻ° āĻŽāĻ§ā§āĻ¯ā§ āĻāĻāĻāĻŋ āĻāĻ¨ā§āĻā§āĻŽāĻŋāĻ āĻ˛āĻžāĻāĻ¨ āĻ¤ā§āĻ°āĻŋ āĻāĻ°ā§āĨ¤ āĻāĻāĻŋ āĻĄāĻŋāĻāĻžāĻā§āĻĄāĻžāĻ° āĻ˛āĻžāĻāĻ¨ āĻšāĻŋāĻ¸āĻžāĻŦā§ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
<p>This is section 1.</p>
<hr>
<h2>This is section 2.</h2>
āĻāĻāĻāĻĒā§āĻ:
This is section 1.
This is section 2.
11. <q>
āĻā§āĻ¯āĻžāĻ:
- āĻā§āĻ āĻā§āĻ āĻā§āĻā§āĻļāĻ¨ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:<q>āĻāĻ āĻā§āĻŦāĻ¨ āĻāĻāĻāĻŋ āĻ¯ā§āĻĻā§āĻ§āĻā§āĻˇā§āĻ¤ā§āĻ°āĨ¤</q>
āĻāĻāĻāĻĒā§āĻ: âāĻāĻ āĻā§āĻŦāĻ¨ āĻāĻāĻāĻŋ āĻ¯ā§āĻĻā§āĻ§āĻā§āĻˇā§āĻ¤ā§āĻ°āĨ¤â
12. <blockquote>
āĻā§āĻ¯āĻžāĻ:
- āĻŦā§ āĻā§āĻā§āĻļāĻ¨ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻšā§āĨ¤ āĻāĻāĻŋ āĻ¸āĻžāĻ§āĻžāĻ°āĻŖāĻ¤ āĻāĻāĻāĻŋ āĻŦā§āĻ˛āĻā§ āĻĻā§āĻāĻžā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:
<blockquote>
"āĻ¸āĻĢāĻ˛āĻ¤āĻž āĻāĻāĻ¨ā§āĻ āĻļā§āĻˇ āĻ¨āĻ¯āĻŧ, āĻŦā§āĻ¯āĻ°ā§āĻĨāĻ¤āĻž āĻāĻāĻ¨ā§āĻ āĻā§āĻĄāĻŧāĻžāĻ¨ā§āĻ¤ āĻ¨āĻ¯āĻŧāĨ¤ āĻāĻāĻŋ āĻā§āĻŦāĻ˛ āĻ¸āĻžāĻšāĻ¸ āĻ¯āĻž āĻāĻŖāĻ¨āĻž āĻāĻ°ā§āĨ¤"
</blockquote>
āĻāĻāĻāĻĒā§āĻ:
**
âāĻ¸āĻĢāĻ˛āĻ¤āĻž āĻāĻāĻ¨ā§āĻ āĻļā§āĻˇ āĻ¨āĻ¯āĻŧ, āĻŦā§āĻ¯āĻ°ā§āĻĨāĻ¤āĻž āĻāĻāĻ¨ā§āĻ āĻā§āĻĄāĻŧāĻžāĻ¨ā§āĻ¤ āĻ¨āĻ¯āĻŧāĨ¤ āĻāĻāĻŋ āĻā§āĻŦāĻ˛ āĻ¸āĻžāĻšāĻ¸ āĻ¯āĻž āĻāĻŖāĻ¨āĻž āĻāĻ°ā§āĨ¤â
**
13. <cite>
āĻā§āĻ¯āĻžāĻ:
- āĻā§āĻ¨ āĻāĻāĻāĻŋ āĻāĻā§āĻ¤āĻŋāĻ° āĻā§āĻ¸ āĻŦāĻž āĻ¸ā§āĻ°ā§āĻ¸ āĻ¨āĻŋāĻ°ā§āĻĻā§āĻļ āĻāĻ°āĻ¤ā§ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:<cite>āĻāĻāĻ˛āĻŋāĻ¯āĻŧāĻžāĻŽ āĻļā§āĻāĻ¸āĻĒāĻŋāĻ¯āĻŧāĻžāĻ°</cite>
14. <abbr>
āĻā§āĻ¯āĻžāĻ:
- āĻ¸āĻāĻā§āĻˇāĻŋāĻĒā§āĻ¤ āĻļāĻŦā§āĻĻā§āĻ° āĻĒā§āĻ°ā§ āĻ
āĻ°ā§āĻĨ āĻŦā§āĻāĻžāĻ¤ā§ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšā§āĨ¤
āĻāĻĻāĻžāĻšāĻ°āĻŖ:<abbr title="Hypertext Markup Language">HTML</abbr>
HTML Text Formatting āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§ āĻāĻĒāĻ¨āĻŋ āĻā§āĻŦ āĻ¸āĻšāĻā§āĻ āĻāĻĒāĻ¨āĻžāĻ° āĻā§ā§āĻŦ āĻĒā§āĻāĻā§ āĻĒāĻžāĻ āĻāĻĻā§āĻ° āĻāĻ¨ā§āĻ¯ āĻāĻāĻ°ā§āĻˇāĻŖā§ā§ āĻāĻ°ā§ āĻ¤ā§āĻ˛āĻ¤ā§ āĻĒāĻžāĻ°āĻŦā§āĻ¨āĨ¤
āĻ¸āĻŦ āĻ¸āĻŽā§ <strong>
āĻāĻŦāĻ <em>
āĻā§āĻ¯āĻžāĻ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§ āĻā§āĻ°ā§āĻ¤ā§āĻŦāĻĒā§āĻ°ā§āĻŖ āĻā§āĻā§āĻ¸āĻ āĻšāĻžāĻāĻ˛āĻžāĻāĻ āĻāĻ°ā§āĻ¨, āĻāĻžāĻ°āĻŖ āĻāĻāĻŋ SEO-āĻ¤ā§ āĻ¸āĻšāĻžā§āĻāĨ¤
āĻā§āĻĄāĻŋāĻ āĻāĻ°ā§āĻ¨, āĻļāĻŋāĻā§āĻ¨, āĻāĻŦāĻ āĻ¸ā§āĻāĻ¨āĻļā§āĻ˛ āĻšāĻ¨āĨ¤
Happy Coding!