Arrow

HTML phrase tags

AuthorHariom Prajapati

Pubish Date23 Jul 2022

categoryHTML 5

1) HTML Emphasized tag

It is use to write the content in italic format.

 

Syntax -

<em>    </em>

 

For example

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML emphasized tag</title>
</head>
<body>
    <p>Welcome to
        <em> Teknowize</em>
    </P>
</body>
</html>

 

Output

2) HTML Mark tag

It is use to highlight any text.

 

Syntax -

<mark>    </mark>

 

For example

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML mark tag</title>
</head>
<body>
    <p>Welcome to
        <mark> Teknowize</mark>
    </P>
</body>
</html>

 

Output

HTML

3) HTML Strong tag

It is use to strong/bold the text.

it is similar like bold tag.

 

Syntax -

<strong>    </strong>

 

For example

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML strong tag</title>
</head>
<body>
    <p>Welcome to
        <strong> Teknowize</strong>
    </P>
</body>
</html>

 

Output

HTML

 

4) HTML abbreviation tag

It is use with title attribute to show description of abbreviation text.

 

Syntax -

<abbr>    </abbr>

 

For example

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML abbreviation tag</title>
</head>
<body>
    <p>Welcome to
        <abbr title="www.teknowize.com" > Teknowize</abbr>
    </P>
</body>
</html>

 

Output

5) HTML Quoting tag

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

 

Syntax -

<blockquote>    </blockquote>

 

For example

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML blockquote tag</title>
</head>
<body>
    <p>Welcome to
        <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>
    </P>
</body>
</html>

 

Output

HTML