HTML Phrase Tags

The HTML phrase tags determine the structural significance of some specific content. For example, if someone writes a detailed article in an HTML document, and out of that he wants to emphasize some particular part; in such case HTML phrases will be used.

HTML offered multiple phrase tags like <em>, <mark>, <abbr>, etc. All these phrases have the same goal i.e. to draw the user’s focus towards the important content. But all these tags do this in a unique way as described below:

HTML Abbreviation tag

HTML provides an abbreviation tag that is used to abbreviate the particular word/text. It is a paired tag represented by <abbr> and everything you want to abbreviate will be written inside the opening <abbr> and closing </abbr> tags.

Syntax of the <abbr> tag is given below:

<abbr> anything you want to abbreviate </abbr>

Example How to use <abbr> tag in HTML

This example will create a paragraph and within <p> tag an abbreviation for the company name will be used:

<p> The <abbr title="Transmission Control Protocol">TCP</abbr> is most commonly used Protocol for data transmission</p>

When the cursor points to the abbreviated word, it will show the acronym of that word as shown in the below output:

HTML Strong tag

In HTML, any content written inside the <strong> tag enhances the significance of that content.

The syntax of the <strong> tag is given below:

<strong> content </strong>

Example How to use <strong> tag in HTML

The following piece of code will utilize a <strong> tag within the <p> tag which will make the content prominent:

<p> Always use <strong>comments</strong> in your source code</p>

In the bellow output, you will notice that from the entire paragraph the word “comments” is catching the user’s intentions:

HTML mark tag

The mark tag is used to highlight the important content. The notable content will be written between the starting <mark> and ending </mark> tag as shown in the below syntax:

<mark> something important!! </mark>

Example How to use <mark> tag in HTML

This example includes the <mark> tag in the paragraph which will show the significance of HTML tags by highlighting it:

<p> The <mark>HTML Tags are building blocks</mark> of any HTML document</p>

The above script will show the following output on successful execution:

HTML Emphasize tag

In HTML, any content scripted within the emphasized tag will be shown in the italic style. The syntax of the emphasize tag will be:

<em> ..content.. </em>

Example How to use <em> tag in HTML

This example will determine how to use the <em> tag:

<p>This is the example of <em>Emphasize</em> tag</p>

The output will declare that the text written inside the <em> tag will appear in italic font style:

HTML Address tag

The address tag is usually used to provide the details about the author. Everything will come inside the <address> tag and it will display the result in italic style.

<address> tag follows the following syntax:

<address> anything like name, email-id etc. </address>

Example: How to use <address> tag in HTML

Consider the following program to understand the working of the <address> tag:

<address>Author: John<br>Contact us: <a href=" ">[email protected]</a></address>

The above-given snippet utilized the <address> tag that will show the address in italic style. It utilized the <br> tag to add a line break between the name and email. The following output will appear:

HTML Code tag

The <code> tag is used show the code of any programing language.  The syntax of the <code> tag will be

<code>write code here</code>

Example How to use <code> tag in HTML

The following script will demonstrate the text like coding i.e. in monospaced font:

<p>This program will print 'hello': <code>cout<<"hello";</code></p>

From the output, we can observe that the content within the <code> tag follows the monospaced font:


HTML Phrase tags are used to show the importance of a specific part from the entire document. These phrase tags emphasize the crucial content. In this write-up, we studied some essential phrase tags such as <abbr>, <strong>, <mark>, <code>, <em>, and from the outputs, we observed that all these tags worked as attention grabbers.

About the author

Anees Asghar

I am a self-motivated IT professional having more than one year of industry experience in technical writing. I am passionate about writing on the topics related to web development.