Introduction:

In this article we are going to explain what is internal style in html document or how to use internal style on your web page with example.

Description:  

The internal style sheet is used to add a unique style for a single html page or html document. It is defined in <head> section of the HTML page inside the <style> tag. This makes it easy to apply styles like classes or id's in order to reuse the code.

Example:


<!DOCTYPE html>
<html>
<head>
    <title>This is the example of internal style </title>
    <style>
        body {
            background-color: linen;
        }
 
        h3 {
            color: red;
            margin-left: 10px;
        }
    </style>      </head>
<body>
    <h3>The internal style sheet is applied on this heading.</h3>
    <p>This paragraph will not be affected.</p>   
</body>
</html> 

 

Output:

 

  how to use internal css in html 

 

 I hope this article will help to you after reading.

0 comments


Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.

You may also like