Page 79 - Plus V4 with Adobe class 6
P. 79

Text in white colour
            </body>
            Internal Style Sheet

            CSS design can also be applied into a HTML document by using <STYLE> tag. This tag should be placed
            inside the <HEAD> and </HEAD> tags. An internal style sheet is commonly used when one web page
            has a unique style. For example:

            <head>

            <style>
            body{background-color:green; color:white;}
            </style>

            </head>
            <body>

            Text in white colour
            </body>
            External Style Sheet

            In case of external stylesheet, the CSS styles are written in a separate file which is saved with .css
            extension. You need to include a reference to the external style sheet file within the <LINK> element
            inside the <HEAD> element. Syntax to include the reference of external stylesheet is:

            <head>

            <link rel=“stylesheet” type=“text/css” href=“name of style sheet”>
            </head>
            Where, HREF attribute contains the path of the stylesheet. For example, if you have saved the file in
            which styles are written with the name style.css, then the code will be:

            <head>

            <link rel=“stylesheet” type=“text/css” href="style.css">
            </head>
            You need to give complete drive path of the stylesheet, if the file is saved at any other location. Let us
            create a web page using the external style sheet. The first step is to create stylesheet file. Open the
            Notepad and type the following code:

            body{background-color:green; color:white;}
            Now, save the file with the name style.css at any location again open a new notepad window and type
            the following code:

            <!DOCTYPE html>

            <html>
            <head>
            <title> Using External Stylesheet</title>




                                                                                  #Introduction to  HTML5 & CSS3  77
   74   75   76   77   78   79   80   81   82   83   84