
DESCRIPTION
HTML Formatting is used to format the text in HTML without using CSS for better look and feel.
Some basic HTML formatting tags are given below –
<b>
– Bold text<strong>
– Important text<i>
– Italic text<em>
– Emphasized text<mark>
– Marked text<small>
– Smaller text<del>
– Deleted text<ins>
– Inserted text<sub>
– Subscript text<sup>
– Superscript text
Bold Text
<b>….</b> Any text that comes between these tags is displayed in bold letters.
EXAMPLE
<!DOCTYPE html> <html> <head> <title>Bold Text</title> </head> <body> <p>This Website is known as <b>html-css monk</b></p> </body> </html>
This code will produce the following result –
This Website is known as html-css monk
NOTE – <strong>…</strong> tag is same as <b>…</b> tag.
Italic Text
<i>….</i> Any text that comes between these tags is displayed in italicized letters.
EXAMPLE
<!DOCTYPE html> <html> <head> <title>Italic Text</title> </head> <body> <p><i>Muhammad Ali</i> is the greatest of all time.</p> </body> </html>
This code will produce the following result –
Muhammad Ali is the greatest of all time.
NOTE– <em>..</em> tag is same as <i>..</i> tag.
Smaller Text
<small>….</small> Any text that comes between these tags is displayed in smaller letters.
EXAMPLE
<!DOCTYPE html> <html> <head> <title>Smaller Text</title> </head> <body> <p>The following word uses a <small>small</small> typeface.</p> </body> </html>
This code will produce the following result –
The following word uses a small typeface.
<big>….</big> Any text that comes between these tags is displayed in larger letters.
Superscript Text
<sup>….</sup> Any text that comes between these tags is displayed in superscript.
EXAMPLE
<!DOCTYPE html> <html> <head> <title>Superscript Text Example</title> </head> <body> <p>The following word uses a <sup>superscript</sup> typeface.</p> </body> </html>
This code will produce the following result –
The following word uses a superscript typeface.
Subscript Text
<sub>…</sub> Any text that comes between these tags is displayed in subscript.
EXAMPLE
<!DOCTYPE html> <html> <head> <title>Subscript Text Example</title> </head> <body> <p>The following word uses a <sub>subscript</sub> typeface.</p> </body> </html>
This code will produce the following result –
The following word uses a subscript typeface.
Deleted Text
<del>…</del> Any text that comes between these tags is displayed as deleted text.
EXAMPLE
<!DOCTYPE html> <html> <head> <title>Deleted Text Example</title> </head> <body> <p>I want to drink <del>cola</del></p> </body> </html>
This code will produce the following result –
I want to drinkcola
Next topic – Images of HTML
Previous topic – Basics of HTML