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;}

