HTML - Tag

Quiz

The HTML  tag stands for "emphasis element". It provides semantic meaning to the text it contains and renders it in italics in the browser.

The tag represents their content similarly to the tag; the difference between the two tags is that the element semantically emphasizes the important word while the element is just offset text conventionally styled in italic.

Syntax

Following is the syntax of HTML  tag −

<em> .... </em>

Example: Defining Emphasis Element

In the bellow examples we will explore different uses of the HTML  elements. Each example will illustrate the use cases of the HTML tag. In the following example, we create an HTML document and use the tag to highlight the important text −

<!DOCTYPE html>
<html>
<body>
   <h2>Example of em tag</h2>
   <p>
      This is <em>HTML em</em> tag, which 
      specifies the important text from a paragraph 
   </p>
</body>
</html>

Example: Styling Emphasis Element

In the following example, we create an HTML document and use the  tag along with CSS properties to style its content −

<!DOCTYPE html>
<html>
<head>
   <style>
      em {
         color: green;
         background-color: #fbb;
      }
   </style>
</head>
<body>
   <h2>Example of em tag</h2>
   <p>
      This is <em>HTML em</em> tag, which 
      specifies the important text from a paragraph 
   </p>
</body>
</html>

Example: Comparing and Tag

Let's look at the following example, where we are create an HTML document to illustrate the difference between  & tag −

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8">
</head>
<body>
   <h1>Difference between <i> & <em>
   </h1>
   <h2>
      <i>This sentence is in Italic</i>
   </h2>
   <h2>
      <em>This sentence has emphasized meaning.</em>
   </h2>
</body>
</html>

Supported Browsers

Tag
em	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Print Page

HTML - <em> Tag

Syntax

Example: Defining Emphasis Element

Example: Styling Emphasis Element

Example: Comparing <em> and <i> Tag

Supported Browsers