clock  Mon - Sun 8.00 AM - 8.00 PM
mail  edu@teknowize.com
fb
instagram
play store
pinterest

More

HTML Formatting

Imperial Advance Hero Image

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

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

HTML 5