HTML Formatting

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



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



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



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