2 of 11

�Emphasized Text

Anything that appears within ... element is displayed as emphasized text.

<!DOCTYPE html>
<html>
<head>
<title>Emphasized Text Example</title>
</head>
<body>
The following word uses a emphasized typeface.
</body>
</html>

This will produce the following result:

The following word uses an emphasized typeface.

Amity School of Engineering & Technology

The em tag��In the em tag, the "em" stands for "emphasized". You use it when you want to stress a particular thought or idea. Visual browsers normally render emphasized text in italics; a screen reader might recite the text slightly more slowly or loudly than the words which surround it.��Here's an example: ��The route is perfectly safe provided you stay on the trail. Above all, do not walk on the firing range.

�Sometimes, you need to emphasize the text, not to make it stand out, but to clarify the meaning. For example, if I put up a sign saying "Pick your own strawberries", I am inviting you to buy strawberries from me, on the understanding that you pick them yourself. But if I say "Pick your own strawberries", I'm telling you to leave my fruit alone.��The i tag��The i tag also causes text to be rendered in italics, but in this case it’s for stylistic purposes rather than to add emphasis. You use i to indicate a different voice or mood, or to separate a phrase or word from the normal flow of text. ��The tag is often also used for the titles of films, books and works or art; for the names of ships; for short foreign phrases; and in certain specialized uses, such as mathematical theorems and biological nomenclature. But note that all these uses are a matter of style; they're not hard-and-fast rules.��A couple of examples: ��He passed the time by reciting The Shooting of Dan McGrew.

�

Despite losing every match, we retained our esprit de corps.

3 of 11

�Marked Text �

Anything that appears with-in ... element, is displayed as marked with yellow ink.

<!DOCTYPE html>
<html>
<head>
<title>Marked Text Example</title>
</head>
<body>
The following word has been marked with yellow
</body>
</html>

The following word has been marked with yellow.

Amity School of Engineering & Technology

4 of 11

�Strong Text

Anything that appears within ... element is displayed as important text.

<!DOCTYPE html>
<html>
<head>
<title>Strong Text Example</title>
</head>
<body>
The following word uses a strong typeface.
</body>
</html>

This will produce the following result:

The following word uses a strong typeface.

Amity School of Engineering & Technology

The strong tag��The strong tag is used to indicate the relative importance of a piece of text. Visual browsers commonly show such text in bold, but other devices might render it in other ways.��One common use is to make a word or phrase stand out, so as to emphasize the structure of the text, as in this example:��Ingredients: 3 large potatoes, 1 cup flour, ¼ cup butter. Method: Boil the potatoes in water until soft. Drain, then add the flour …

�In theory, the tag can be nested. Text that is deep in the nesting hierarchy is considered more important than text higher up. In practice, this won't affect the way the text is rendered (by default) by the browser, although you can, of course, create your own CSS rules to handle this situation.��The b tag��The b tag causes text to be rendered in bold. Unlike with strong, it does so without implying any difference in meaning or importance. ��Common uses include product names, keywords in a document abstract, and terms that don't themselves fit in with the normal flow of the text. An example of this latter usage: �

5 of 11

�Text Abbreviation �

You can abbreviate a text by putting it inside opening <abbr> and closing </abbr> tags. If present, the title attribute must contain this full description and nothing else.

<!DOCTYPE html>
<html>
<head>
<title>Text Abbreviation</title>
</head>
<body>
My best friend's name is <abbr title="Abhishek">Abhy</abbr>.
</body>
</html>

This will produce the following result:

My best friend's name is Abhy.

Amity School of Engineering & Technology

6 of 11

�Text Direction �

The <bdo>...</bdo> element stands for Bi-Directional Override and it is used to override the current text direction.

rtl: The text direction from right to left (reverse the text).
ltr: The text direction from left to right.

<!DOCTYPE html>
<html>
<head>
<title>Text Direction Example</title>
</head>
<body>
This text will go left to right.
<bdo dir="rtl">This text will go right to left.</bdo>
</body>
</html

Amity School of Engineering & Technology

7 of 11

�Special Terms

The <dfn>...</dfn> element (or HTML Definition Element) allows you to specify that you are introducing a special term. It's usage is similar to italic words in the midst of a paragraph.

Typically, you would use the <dfn> element the first time you introduce a key term. Most recent browsers render the content of a <dfn> element in an italic font.

<!DOCTYPE html>
<html>
<head>
<title>Special Terms Example</title>
</head>
<body>
The following word is a <dfn>special</dfn> term.
</body>
</html>

Amity School of Engineering & Technology

8 of 11

�Quoting Text

When you want to quote a passage from another source, you should put it in between<blockquote>...</blockquote> tags.

Text inside a <blockquote> element is usually indented from the left and right edges of the surrounding text, and sometimes uses an italicized font.

<html>
<body>
<h1>AUMP</h1>
<h2><blockquote> Tag</h2>

Yes this is the example for blockquote
<blockquote cite="https:www.amityuniversity.in/">
HTML stands for HyperText Markup Language. It
is used to design web pages using a markup language.
HTML is the combination of Hypertext and Markup language.
Hypertext defines the link between the web pages. A
markup language is used to define the text document within
tag which defines the structure of web pages.
</blockquote>
</body>
</html>

Amity School of Engineering & Technology

9 of 11

�Short Quotations

The <q>...</q> element is used when you want to add a double quote within a sentence.

<!DOCTYPE html>
<html>
<head>
<title>Double Quote Example</title>
</head>
<body>
Amit is in Spain, <q>I think I am wrong</q>.
</body>
</html>

Amity School of Engineering & Technology

10 of 11

Keyboard Text

When you are talking about computers, if you want to tell a reader to enter some text, you can use the <kbd>...</kbd> element to indicate what should be typed in .

<!DOCTYPE html>
<html>
<head>
<title>Keyboard Text Example</title>
</head>
<body>
Regular text. <kbd>This is inside kbd element</kbd> Regular text.
Three keys you really need to familiarize yourself with are <kbd>CTRL</kbd>, <kbd>ALT</kbd> and <kbd>DEL</kbd>.
</body>
</html>
The <kbd> element is used to identify text that represents user keyboard input. Text surrounded by <kbd> tags is typically displayed in the browser's default monospace font.��

Amity School of Engineering & Technology

1 of 11

2 of 11

3 of 11

4 of 11

5 of 11

6 of 11

7 of 11

8 of 11

9 of 11

10 of 11

11 of 11