Phrase Tags:

Phrase tags are those that are used to highlight or emphasize a certain part of the text. Though there are many tags of that kind but the most popular ones are as under:

Abbreviation Tag
Mark Tag
Strong Tag
Emphasize Tag
Quote Tag
Code Tag

Abbreviation Tag: Abbreviation Tag is used to put in the abbreviation of the shortened words or terms used in the text. It is used with the attribute title.

Syntax:

  <html>
	<head>
		<title>Example</title>
	</head>
	<body>
		<p>India has <abbr title="Central Bureu of Investigation">CBI</abbr> that works under the Central Government.</p>
	</body>
  </html>

Output:

Mark Tag: It is a Used to highlight a part of text as if it is highlighted with a wide yellow marker pen.

Syntax:

  <html>
	<head>
		<title>Example</title>
	</head>
	<body>
		<p>We, at <mark>Ourtutorials</mark>, provide best quality <mark>E-Learning material</mark>. The text alongwith images, all are designed and presented in such a way that a candidate can get most of the concept very easily.</p>
	</body>
  </html>

Output:

Strong Tag: It is used to make a part of the text bold. Though we already had <b> tag in HTML but in HTML5, <strong> tag is used mostly.

Syntax:

  <html>
	<head>
		<title>Example</title>
	</head>
	<body>
		<p>We, at <strong>Ourtutorials</strong>, provide best quality <strong>E-Learning material</strong>. The text alongwith images, all are designed and presented in such a way that a candidate can get most of the concept very easily.</p>
	</body>
  </html>

Output:

Emphasize Tag: It is used to make a part of the text italicized. Though we already had <i> tag in HTML but in HTML5, <em> tag is used mostly..

Syntax:

  <html>
	<head>
		<title>Example</title>
	</head>
	<body>
		<p>We, at <em>Ourtutorials</em>, provide best quality <em>E-Learning material</em>. The text alongwith images, all are designed and presented in such a way that a candidate can get most of the concept very easily.</p>
	</body>
  </html>

Output:

Quote Tag: This tag is used for a part of text to appear in quotes.

Syntax:

  <html>
	<head>
		<title>Example</title>
	</head>
	<body>
		<p>We, at <q>Ourtutorials</q>, provide best quality <q>E-Learning material</q>. The text alongwith images, all are designed and presented in such a way that a candidate can get most of the concept very easily.</p>
	</body>
  </html>

Output:

Code Tag: It is used to make a part of text appear as if it is something different from the rest of the text. Usually it is used for displaying computer codes.

Syntax:

  <html>
	<head>
		<title>Example</title>
	</head>
	<body>
		<p>We, at <code>Ourtutorials</code>, provide best quality <code>E-Learning material</code>. The text alongwith images, all are designed and presented in such a way that a candidate can get most of the concept very easily.</p>
	</body>
  </html>

Output: