HTML Text Formatting Elements
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:
Last Updated :
29 May, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...