HTML Phrase

Phrase tags have been designed for html webpage purposes

Emphasized Text

<!DOCTYPE html>
<html>
<head>
<title>Emphasized Example</title>
</head>
<body>
<p>some text write <em>emphasized</em> </p>
</body>
</html>

Marked Text

<!DOCTYPE html>
<html>
<head>
<title>Marked Example</title>
</head>
<body>
<p>some text write <mark>marked</mark> with red</p>
</body>
</html>

Strong Text

<!DOCTYPE html>
<html>
<head>
<title>Strong Example</title>
</head>
<body>
<p>some text write <strong>strong</strong> </p>
</body>
</html>

Text Abbreviation

<!DOCTYPE html>
<html>
<head>
<title>Text Abbreviation example</title>
</head>
<body>
<p>My friend's name is <abbr title="rajkumar">vinod</abbr>.</p>
</body>
</html>

Acronym Element

<!DOCTYPE html>
<html>
<head>
<title>Acronym Example</title>
</head>
<body>
<p>web page covers text in <acronym>DHTML</acronym>.</p>
</body>
</html>

Text Direction

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

Special Terms

<!DOCTYPE html>
<html>
<head>
<title>Special Terms Example</title>
</head>
<body>
<p>this is a <dfn>special</dfn> term.</p>
</body>
</html>

Quoting Text

<!DOCTYPE html>
<html>
<head>
<title>Blockquote Example</title>
</head>
<body>
<p>The following description of DHTML is taken from the Web site:</p>

<blockquote>XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.</blockquote>
</body>
</html>

Short Quotations

<!DOCTYPE html>
<html>
<head>
<title>Double Quote Example</title>
</head>
<body>
<p>Nilesh is in USA, <q>I think I am right</q>.</p>
</body>
</html>

Text Citations

<!DOCTYPE html>
<html>
<head>
<title>Citations Example</title>
</head>
<body>
<p>i love this <cite>tutorial</cite>.</p>
</body>
</html>

Computer Code

<!DOCTYPE html>
<html>
<head>
<title>Computer Code Example</title>
</head>
<body>
<p>Regular text. <code>This is code.</code> Regular text.</p>
</body>
</html>

Keyboard Text

<!DOCTYPE html>
<html>
<head>
<title>Keyboard Text Example</title>
</head>
<body>
<p>Regular text. <kbd>This is inside kbd element</kbd> Regular text.</p>
</body>
</html>

Programming Variables

<!DOCTYPE html>
<html>
<head>
<title>Variable Example</title>
</head>
<body>
<p><code>document.write("<var>your-name</var>")</code></p>
</body>
</html>

Program Output

<!DOCTYPE html>
<html>
<head>
<title>Program Output Example</title>
</head>
<body>
<p>Result program is <samp>Hello World!</samp></p>
</body>
</html>

Address Text

<!DOCTYPE html>
<html>
<head>
<title>Address Example</title>
</head>
<body>
<address>388A, Road No 22, Jubilee Hills - Hyderabad</address>
</body>
</html>
 

Leave a Comment