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 Formatting

AuthorHariom Prajapati

Pubish Date23 Jul 2022

categoryHTML 5

1) HTML bold tag

It is use to bold the text.

 

Syntax -

<b>    </b>

 

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 bold tag</title>
</head>
<body>
    <p>Welcome to
        <b> Teknowize</b>
    </P>
</body>
</html>

 

Output

HTML

 

2) HTML italic tag

It is use to write the content in italic format.

 

Syntax -

<i>    </i>

 

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 italic tag</title>
</head>
<body>
    <p>Welcome to
        <i> Teknowize</i>
    </P>
</body>
</html>

 

Output

HTML

 

3) HTML underlined tag

It is use to underline any text.

 

Syntax -

<u>    </u>

 

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 underlined tag</title>
</head>
<body>
    <p>Welcome to
        <u> Teknowize</u>
    </P>
</body>
</html>

 

Output

 

4) HTML strike tag or delete tag

It is use to delete the text but actually in this text is not deleted and a straight line pass through the middle of the text.

 

Syntax -

<s>    </s>  ( Use in HTML 4 )

<del>   </del>  (Use in HTML 5 )

 

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 strike tag and delete tag</title>
</head>
<body>
    <p>Welcome to
        <s> Teknowize</s>
        <del> Teknowize</del>
    </P>
</body>
</html>

 

Output

 

5) Superscript tag

It is use to add power in any word or number like this X2. 

 

Syntax -

<sup>    </sup>

 

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 superscript tag</title>
</head>
<body>
   <p>we can also write 16 in the form of 4<sup>2</sup>
    </P>
</body>
</html>

 

Output

HTML

 

6) Subscript tag

It is use to add base in any number like X2 . 

 

Syntax -

<sub>    </sub>

 

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 superscript tag</title>
</head>
<body>
    <p>base of 4 is 2 and it is mathemetically writen in the form of 4
        <sub>2</sub>
    </P>
</body>
</html>

Output

 

7) HTML small tag

It is use to reduce size of texts. 

it not small the size of text too much. 

 

Syntax -

<small>    </small>

 

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 small tag</title>
</head>
<body>
    <p>Welcome to
        <small> Teknowize</small>
    </P>
</body>
</html>

 

Output

HTML