Page 91 - TP_Prime_v2.2_Class_6
P. 91

Where,  HREF  attribute  contains  the  path  of  the  stylesheet.  For  example,  if  you  have
                 saved the file with the styles as style.css, then the code will be:


                 <head>

                 <link rel=”stylesheet” type=”text/css” href=”style.css”>
                 </head>

                 If the file is saved in another location, you must provide the complete drive path of the
                 stylesheet. Let us create a web page using the external style sheet. The first step is to                  HTML—AN INTRODUCTION
                 create a stylesheet file. Open Notepad and type the following code:


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


                 <!DOCTYPE html>
                                                                                                                          89
                 <html>

                 <head>

                 <title> Using External Stylesheet</title>

                 <link rel=”stylesheet” type=”text/css” href=”style.css”>

                 </head>

                 <body>

                 Text with white colour and background colour is green

                 </body>

                 </html>
                 When you view the preceding web page in browser, you will get the following output:















                 You can also use the 6 digits hexadecimal code in place of colour name. For example, the
                 hexadecimal  code  #000000  represents  the  black  colour  and  #FFFFFF  represents  the

                 white colour. For example:

                 body{background-color: #000000;}
   86   87   88   89   90   91   92   93   94   95   96