How to render as emphasized text using HTML?

How to render as emphasized text using HTML?

Last Updated : 18 Jun, 2024

The <em> tag in HTML is a phrase tag and is used to emphasize the text content. It is similar to <italic> tag. The main difference between these two tags is the <em> tag semantically emphasizes the important word or section of words while the <i> tag is just offset text conventionally styled in italics to show an alternative mood or voice.

Note: This effect can be achieved by using CSS property.

Syntax:

<em> Contents... </em>

Example 1: This example uses <em> tag to create emphasized text.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        How to render as emphasized 
        text using HTML?
    </title>
</head>

<body style="text-align: center;">
    <h3>
        How to render as emphasized 
        text using HTML?
    </h3>

    <em>Emphasized text content</em>
</body>

</html>

Output:

emttag — Output

Example 2: This example uses <em> tag with title attribute to create emphasized text.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        How to render as emphasized
        text using HTML?
    </title>
</head>

<body style="text-align: center;">
    <h3>
        How to render as emphasized
        text using HTML?
    </h3>

    <em title="Emphasized text">
        Emphasized text content
    </em>
</body>

</html>

Output:

emttag — Output

How to render as emphasized text using HTML?

V

vkash8574

Improve

Article Tags :

Similar Reads

How to emphasize text in a document using HTML5 ?

In this article, we will emphasize the text in an HTML document by using the <em> element in the document. It is a phrase tag and used to emphasize the text content. Syntax: <em> Contents... </em> Example 1: html <!DOCTYPE html> <html> <head> <title> Emphasi

How to create linear gradient text using HTML and CSS ?

The linear-gradient is used to create eye-catching text effects, particularly suitable for dark-themed websites or applications. This method involves filling text with linear-gradient color codes, making it look attractive and bold. Linear-gradient text effects are ideal for dark themes and provide

How to define preformatted text using HTML?

To define a preformatted text in HTML use the <pre> tag in the document. It is used to define the block of preformatted text that preserves the text spaces, line breaks, tabs, and other formatting characters that are ignored by web browsers. Text in the pre-tag is displayed in a fixed-width fo

How to define marked/highlighted text using HTML?

To define highlighted or marked text in HTML5, the <mark> tag is employed. It effectively highlights specific text within a paragraph, offering a straightforward way to visually emphasize content. Introduced in HTML5, the `<mark>` tag enhances readability and focus within web content.Syn

How to define important text using HTML5 ?

In this article, we define an important text by using the <strong> tag in HTML. It is the parsed tag and used to show the importance of the text. It reflects the text as bold. Syntax: <strong> Contents... </strong> Example 1: html <!DOCTYPE html> <html> <head>