HTML - Tag

HTML  tag stands for "emphasis element". It gives semantic meaning to the text contained within it and renders it in italics on 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

<em> .... </em>

Attribute

HTML em tag supports Global and Event attributes of HTML.

Examples of HTML em Tag

In the bellow examples we will see the different examples of dfn elements. Each example will illustrate the use cases of html em tag.

Defining Emphasis Element

In the following example, we are creating an HTML document and using the tag to represent 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>

Styling Emphasis Element

Considering the following example, we create an HTML document and use the tag with the CSS properties to style the content of the tag.

<!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>

Comparing and Tag

Let's look at the following example, we are creating an HTML document on a 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>