Some more Tags for Phrasing elements in HTML 5

1. <mark>:- We use this tag for giving special effects to some text such as highlighting it.
Syntax:
<mark> text you want to highlight </mark>
Code:
  1. <!DOCTYPE HTML />
  2. <html>
  3. <body>
  4. <p> I m mark tag</p>
  5. I m
  6. <mark> formatting </mark> tag
  7. </body>
  8. </html>
Output:

mark.gif
2. <q>:- We use this tag for providing double quotes to a non quoted short line. That means after using this tag, the line will contain double-quotes. This tag can be used with the cite attribute. Here, cite attribute will indicate a URL from where a line has come.
Syntax:

<q> Non-quoted line </q>
Code:
  1. <!DOCTYPE HTML />
  2. <html>
  3. <body>
  4. <q cite="http://www.mcnsolutions.net">
  5. Trusted and Reliable Outsourcing Partner
  6. </q>
  7. </body>
  8. </html>
Output:
q.gif
3. <s>:- We use this tag for cutting a text which we have provided by mistake in an HTML 5 document. After that, we can replace it with the correct text.
Syntax:
<s> a line that will contain cut mark. </s>
Code:
  1. <!DOCTYPE HTML>
  2. <html>
  3. <body>
  4. <p>
  5. <s>I m q tag</s>
  6. </p>
  7. <p>I m s tag </p>
  8. </body>
  9. </html>
Output:
s.gif
4. <samp>:- We use this tag to show some output text generated by the system.
Syntax:
<samp> Text generated by system</samp>
Code:
  1. <!DOCTYPE HTML >
  2. <html>
  3. <body>
  4. <samp> Do you really want to delete all
  5. files</samp>
  6. </body>
  7. </html>
Output:
samp.gif
5. <strong>:- We use this tag to give more focus to some text than <em> tag provides.
Syntax:
<strong> A text to which we want to give focus more than <em> tag
Code:
  1. <DOCTYPE HTML>
  2. <html>
  3. <body>
  4. I m
  5. <strong> strong </strong> tag
  6. </body>
  7. </html>
Output:
strong.gif
6. <sub>:- We use this tag to provide a text at below in HTML 5 document.
Syntax:
<sub> Text which we want to provide in
subscript form </sub>

Code:
  1. <!DOCTYPE HTML />
  2. <html>
  3. <body>
  4. I m
  5. <sub> sub</sub> tag
  6. </body>
  7. <html>
Output:
sub.gif

7. <sup>:- We use this tag to provide a text at above in HTML 5 document.

Syntax:
<sup> Text which we want to provide a text
at above in HTML 5 document. </sup>
Code:
  1. <DOCTYPE HTML>
  2. <html>
  3. <body>
  4. I m
  5. <sup> sup </sup> tag
  6. </body>
  7. </html>
Output:
sup.gif

8. <time>:- We can use it to show a date or time in our document. We can also show date and time both using this tag.

Syntax:

<time> time we want to show </time>

Code:
  1. <!DOCTYPE HTML>
  2. <html>
  3. <body>
  4. I m time tag. Time is
  5. <time> 5:30 </time>
  6. </body>
  7. </html>
Output:
time.gif

9. <u>:- This tag is used to show a text which is underlined.
Syntax:

<u> Text we want to show </u>

Code:
  1. <!DOCTYPE HTML>
  2. <html>
  3. <body>
  4. <u> I m u tag </u>
  5. </body>
  6. </html>
Output:
u.gif
10. <var>:- We use this tag for formatting name of text which stores some value.

Syntax:

<var> variable name </var>
Code:
  1. <!DOCTYPE HTML>
  2. <html>
  3. <body>
  4. <v> I m var tag </v>
  5. </body>
  6. </html>
Output:
var.gif