HTML Text Formatting Elements
Last Updated :
29 May, 2023
As we know, HTML provides many predefined elements that are used to change the formatting of text. The formatting can be used to set the text styles (like – bold, italic, or emphasized, etc.), highlight the text, make text superscript and subscript, etc.
Text Formatting Elements:
<b> and <strong> Tags: Both tags are used to make text bold. The text content of the tag is shown as important information on the webpage.
Example: In this example, we will see the use of <b> and <strong> tags.
HTML
<!DOCTYPE html>
< html >
< head >
< title >Bold and strong</ title >
</ head >
< body >
< p >Normal Text</ p >
< p >< b >Bold Text</ b ></ p >
< p >< strong > Strong Text</ strong ></ p >
</ body >
</ html >
|
Output:
HTML <i> and <em> Tags: Both tags are used to make the text italic and emphasized. Both the element has opening and closing tags.
Example: In this example, we will see the use of <i> and <em> tags.
HTML
<!DOCTYPE html>
< html >
< head >
< title >Italic and emphasized</ title >
</ head >
< body >
< p >Normal Text</ p >
< p >< i >The Text inside italic Tag</ i ></ p >
< p >< em >Emphasized Text</ em ></ p >
</ body >
</ html >
|
Output:
HTML <small> and <big> Tags: The <small> tag is used to set a small font-size whereas the <big> tag is used to set a big font-size.
Example: In this example, we will see the use of <small> and <big> tags.
HTML
<!DOCTYPE html>
< html >
< head >
< title >Small and Big</ title >
</ head >
< body >
< p >Normal text</ p >
< small >The text inside small Tag</ small >
< p >
< big >The text inside big Tag</ big >
</ p >
</ body >
</ html >
|
Output:
HTML <sup> and <sub> Tags: The <sup> tag is used to superscript a text whereas the <sub> tag is used to subscript a text.
Example: In this example, we will see the use of <sup> and <sub> Tags
HTML
<!DOCTYPE html>
< html >
< head >
< title >Superscript and Subscript</ title >
</ head >
< body >
< p >Normal Text
< p >
< sup >superscript </ sup > Text
</ p >
< p >
< sub >subscript</ sub >Text
</ p >
</ body >
</ html >
|
Output:
HTML <ins> and <del> Tag: The <ins> tag is used to underline a text marking the part as inserted or added. It also has an opening and a closing tag. This tag is mainly used in text in place of deleted text whereas the <del> tag is used to delete the text it adds a strike line to the text.
Example: In this example, we will see the use of <ins> and <del> tags.
HTML
<!DOCTYPE html>
< html >
< head >
< title >Inserting and deleting</ title >
</ head >
< body >
< b >
< p >The TajMahal is located in
< del >Bombay</ del >
< ins >Agra</ ins >
</ p >
</ b >
</ body >
</ html >
|
Output:
HTML <mark> Tag: The <mark> tag is used to highlighting a text. It has an opening and closing tag.
Example: In this example, we will see the use of <mark> Tag.
HTML
<!DOCTYPE html>
< html >
< head >
< title >Highlight</ title >
</ head >
< body >
< p >Normal Text</ p >
< p >
< mark >Highlighted Text</ mark >
</ p >
</ body >
</ html >
|
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...