HTML: Subscript and Superscript Tags

 Subscript and Superscript

      If you are thinking what is subscript and Superscript, just reread your chemistry and maths books for reference! Confused huh?

See the image below


 You may got it now. (guess I reminded you of your school) Yes, it is called Superscripting and subscripting.


For this we have two tags Namely 

<sup> is used for Super Script

<sub> is used for Sub Script

Remember these two are paired tags Means they have closing tags! 

Let's see the sample code below:

<html>

  <head>

<title> Subscript And Superscript  </title>

  </head>

  <body>  

    <h1> Subscript and Superscript <h1

   <p><b> Algebric Identity :</b>(a - b)<sup> 2 </sup> = a <sup> 2 </sup> - 2ab + b <sup> 2 </sup></p> 

     <p><b> Carbon Di-Oxide: </b> CO <sub> 2 </sub></p>   

   </body>

</html>


You can see that I covered the square number (2) inside Superscript tag and To write CO2 where 2 is subscripted, I wrapped it with superscript tag. The output of the following code will be this


As you can see the content I covered with Superscript tag appears Superscripted. And The content that I covered in subscript tag, appears sub scripted. 

Remember these tags are not used much, These tags are one of the rarely used tags in HTML. Because there is less need for them. Even though they are rare, It is not a bad idea to learn about them. It is good know that these tags actually exists. Many people don't remember theses tags at all. It is because of their usages. Well this is a mini post. ( It should be said as micro )

On our next post we will see some more tags. 

Exercise Time!

   This exercise is not compulsory or mandatory. Just do it, if you want to test yourself! 

  Make an HTML Code, Which gives the following output:


This is a small post which explains these two rare tags. 

Okay guys, see you all in next post, till then take care!

Feel free to ask your queries in comment section below.


Stay Tuned♡!

Comments

Post a Comment

Popular posts from this blog

Introduction To Python

Image
 What is Python?      If you have some programmer friend or yourself is into to the programming field you have probably heard the language Python .   Python is a High-Level-Programming Language used for many cases, in this post, we will be seeing how to work with Python.  Installation and IDE    We must install python first to work with it. Installation is simple. You can get clear info on how to get python  here . Once you are done, Make sure you have atleast Python Version of 3.0 or greater. Because this guide follows it.    Once you are done installing Python, Now we need an IDE to work with it, an IDE is nothing but an Interageted Development Environment which makes your work smoother. To get a Clear understanding, Think of this   You need to mix somethings in a bowl, you can either use your hands itself or use a mixer, both is going to do the same job but mixer does it well and your effort will be less. Just like this...
Read more

HTML: Text Tags: Part 1

Image
Text Tags   If you have a question, what is a tag ? Read  this  post before you countinue.   Okay so let's get started. As I mentioned before there are dozens of tags in HTML5 Each has it's own purpose and usage. Text Tags are type of tags used to format text in a web page. Text Formatting includes styles like  Bold Italics Headings & Subheadings  Underlines Fonts Strikeout Etc      In This post we will see only some text tags. ( we will cover up everything later )   The best example to imply this text Formatting is a Newspaper! See the image below    In this image, you can see the difference of different header sizes. HTML5 Has 6 different heading tags based on size.  So there are tags Namely <h1> <h2> <h3> <h4> <h5> <h6> The biggest header tag is  <h1> And the smallest is  <h6> Also for simple text formatting like Bold & Italics  There is  <b...
Read more

HTML: Anatomy of Tags

Image
HTML Tags - Anatomy In our  previous  post, we made our First Web Page . That would gave you some understanding of Tags. Now let's see in detail about them. ( note: I assume that you have basic understanding of Tags in HTML if not read  this  post before you countinue) Attributes - Explained           As I said Tags are building blocks of HTML. It says how the content inside it should appear in webpage. To make it simple, Tags Navigate The Browser to how to display the content inside them. See this convo (may look funny but useful)  Browser: Okay, What type of file are you ? HTML File: See I have <html> tag.  Browser: so you are an HTML File. You are my Navigator. Okay, what text should I display is my title bar? HTML File: See Under My <head> tag, I have <title> Galax Coders </title>  Browser: Okay so, Galax Coders is the title right? HTML File: Yes Ofcourse! Browser: Okay, What content should I wr...
Read more