Tech Honey

The #1 Website for Oracle PL/SQL, OA Framework and HTML

HTML Sup Tag

by

HTML Supersctipt TagHTML Superscript Tag <sup> is used to define a superscript text in HTML.

A Superscript text appears to be half a character above the normal character top.

Superscript Tag <sup> is used to write formulas e.g. e=mc2 or 22=4.

Superscript Tag is a closed tag and hence needs to be closed using the closing Superscript HTML Tag </sup>.

Syntax of HTML Superscript Tag

<sup>
Some formula here..
</sup>

Example of HTML Superscript Tag

HTML Superscript Tag Code Output 

 Einstein’s Equation for Mass Energy Equivalence is:

E=mc<sup>2</sup>
Einstein’s Equation for Mass Energy Equivalence is:E=mc2

Here in the HTML Superscript tag example above we can see that the “2” in
mc2 comes as a Superscript and that’s the use of Superscript HTML tag.

HTML Superscript Tag Supports all HTML Global Attributes and HTML Event Attributes.

HTML Superscript Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML Sub Tag

by

HTML Subscript Tag`HTML Subscript Tag <sub> is used to define subscript text in HTML.

A Subscript text appears to be half a character below the normal character base.

HTML Subscript Tag <sub> is used to write chemical formulas e.g. O2, H2O etc.

HTML Subscript Tag is a closed tag and hence needs to be closed using the closing Subscript HTML Tag </sub>.

Syntax of HTML Subscript Tag

<sub>
Some formula here..
</sub>

Example of HTML Subscript Tag

HTML Subscript Tag Code Output 
The Chemical formula of Water is:H<sub>2</sub>O
The Chemical formula of Water is:H2O

Here in the HTML Subscript tag example above we can see that the “2” in
H2O comes as a Subscript and that’s the use of Subscript HTML tag.

HTML Subscript Tag Supports all HTML Global Attributes and HTML Event Attributes.

HTML Subscript Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML Samp Tag

by

HTML Samp TagHTML Samp Tag <samp> is used to indicate a sample output from a computer program or some script.

The Samp Tag is a closed tag and needs to be closed using the closing Samp Tag </samp>.

The text within the opening and closing (<samp> and </samp>) tags becomes the indicated sample computer program output.

Syntax of HTML Samp Tag

<samp>
Some computer output goes here …
</samp>

Example of HTML Samp Tag

HTML Samp Tag Code Output 
<br /><p> 
Below is a </p><br /><samp> 
sample of computer generated output
</samp><br />
 Below is a sample of computer generated output

Here in the above Samp HTML Tag  example we can see that the text “sample of computer generated output” is mentioned as Sample output from a computer program.

HTML Samp Tag support all HTML Global Attributes and HTML Event Attributes.

HTML Samp Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML Mark Tag

by

HTML Mark TagHTML Mark Tag <mark> is used to mark certain portion of text from the HTML resource or webpage.

In other words, we can say that whenever we want to mark or highlight certain portion of text in HTML resource we use the Mark Tag <mark>.

Mark Tag is a closed tag and needs a closing Mark Tag </mark>.

Note: Mark Tag is new in HTML 5.

Syntax of HTML Mark Tag

<mark>
Some text ..
</mark>

Example of HTML Mark Tag

HTML Mark Tag Code Output 
<p> I have to attend a 
<mark> meeting @ 3 </mark>pm today</p>
I have to attend a
meeting @ 3 pm today

In the output of the HTML Mark Tag example above we can see that the text “meeting @ 3” within the Mark HTML Tag is being displayed highlighted and that’s the usage of Mark Tag in HTML.

HTML Mark Tag Supports all HTML Global Attributes and HTML Event Attributes.

HTML Mark Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes (from IE-9 onwards)
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML i Tag

by

Italics in HTMLItalics in HTML can be rendered using the HMTL i tag <i>.

Apart from displaying Italics in HTML the i <i> tag in HTML can also be used to indicate a foreign language, a quotation or any name.

HTML i Tag <i> is a closed tag and needs to be closed via closing HTML i tag </i>.

Syntax of writing Italics in HTML using HTML i tag

<i>
Some text here
</i>

Example of writing Italics in HMTL using HTML i tag

HTML i Tag Code Output 
<br />
&lt;p&gt; The name of my puppy is &lt;/p&gt;<br />
&lt;i&gt;Miss. Beautiful &lt;/i&gt; &lt;p&gt; because she is too cute&lt;/p&gt;<br />
The name of my puppy is
Miss. Beautiful
because she is too cute

Here in the above HTML i tag example we can see that the name of the puppy “Miss. Beautiful” is displayed in italics and that’s how we can write Italics in HTML.

Note:  HTML i tag should be used only when nothing else from below list can be used.

  1. <em>
  2. <strong>
  3. <mark>
  4. <cite>
  5. <dfn>

HTML i Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML i Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes