In this article, we will discuss the tags that will add special meaning to the text in HTML.
HTML <b> and <strong> Tags: Both tags are used to make the text bold. The text content of the tag is shown as important information on the webpage.
Syntax:
<b> ... </b>
<strong> ... </strong>
Example: Using the code below, this example will demonstrate how to use the <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 have opening and closing tags.
Syntax:
<i> ... </i>
<em> ... </em>
Example: Using the code below, this example will demonstrate how to use the <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 small font-size where as <big> tag is used to set big font-size.
Syntax:
<small> ... </small>
<big> ... </big>
Example: Using the code below, this example will demonstrate how to use the <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 <sub> tag is used to subscript a text.
Syntax:
<sup> ... </sup>
<sub> ... </sub>
Example: Using the code below, this example will demonstrate how to use the <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:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
02 Feb, 2022
Like Article
Save Article