Arrow
Logo

HTML 5

Introduction to HTML

HTML basic tags

HTML Elements and Attributes

HTML Formatting

HTML phrase tags

HTML Meta tags

HTML Comments

HTML images

HTML Tables

HTML List

HTML Form

HTML Headings

HTML Paragraphs

HTML Line Break

HTML Pre Tag

HTML <hr> Tag

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