Text-level Tags in HTML

Last time we have seen, The Block-level Tags in HTML. Today we are going to learn about Text-level Tags in HTML. So hurry up and get connected...

Primary Text-level Tags

The Text-level Tags are generally used for a particular block of content in the Webpage of HTML, but this content must have to be Text only. Block-level markup elements appear on the webpage as if they have a line break before and after the content, while the Text-level Tags don't.

A Text-level Markup Element does not cover the whole horizontal area of its parent markup element (container), and a vertical area is equal to the height of its contents like the block-level tags did. Browsers generally display the Text-level markup element in the same line i.e. it does not break the lines.

Tags	Description
<b>	Display Text in Bold
<i>	Display Text in Italic
<u>	Display Text with Underline
<tt>	Display Text in Monospaced Font
<div>	Create a group of elements, sections, or subsections
<sup>	Display Text in Superscript
<sub>	Display Text in Subscript

In Text-level Tags, there are many tags such as, Underline tag <u> defines text with underline, Italic tag <i> defines text in italics, Division tag <div> creates a group or section of elements, and so on.

So let's see an example...

Example :

<!DOCTYPE html>
<html>
    <head>
        <title> Text-level Tags in HTML </title>
    </head>
    <body>
        <b>The Bold Text</b>        <!-- Displaying Text in Bold -->
        <br><br>       
        <i>The Italic Text</i>      <!-- Displaying Text in Italic -->
        <br><br>
        <u>Text with Underline</u>  <!-- Displaying Text with Underline -->
        <br><br>
        <tt>Text in Monospaced Font</tt>    <!-- Displaying Text in Monospace Font -->   
        <br><br>
        This is a <sup>Superscript</sup> Text   <!-- Displaying Text in Superscript -->
        <br><br>
        This is a <sub>Subscript</sub> Text     <!-- Displaying Text in Subscript -->
        <br><br>
        This is a Text with <strike>Strikethrough</strike>      <!-- Displaying Text in Strikethrough -->   
    </body>
</html>

Output :

In the above program, we can see, that all the Primary Text-level Tags can be used to perform a specific operation on the Text Content. The program also defines every Text-level tag through the comments.

So, now it's time to end the session. See you guys Next Time, stay tuned for further updates on HTML Programming Languages...!!!

I hope, our website will definitely help you to improve your Programming Skills and Knowledge.

Thanks for Visiting...!!!

Also Visit

Tags:

html

Posted by: Mr. Rohan Kumar Bhoi

Hello Everyone, Currently, I’m working as the Founder and CEO of Computer Tips Tricks.tech I have an approach to making our generation more intelligent in IT Field. To make it possible, me and my team are working on this website daily. We have to develop our generation and be self-dependent. " Do something different than others, be professional, and Develop yourself ! "

Latest posts

Text-level Tags in HTML