BCA

WEB PROGRAMMING LAB

PROGRAM 1 PROGRAM 2 PROGRAM 3 PROGRAM 4 PROGRAM 5 PROGRAM 6 PROGRAM 7 PROGRAM 8 PROGRAM 9 PROGRAM 10 PROGRAM 11 PROGRAM 12 PROGRAM 13 PROGRAM 14 PROGRAM 15 . . .

5. Create a webpage to demonstrate the use of external Cascading Style Sheets

OUTPUT:

Fruits Name

Tomato

Orange

DodgerBlue

Apple

 
 

FILE 1 : HTML PAGE 
<html>
<body>
<link rel="stylesheet" href="spage.css">
 <center><h1>Fruits Name</h1></center>

<h1  class="Mycolor1">Tomato</h1>
<div  id="Page">Orange</div>
<h1  class="Mycolor3">DodgerBlue</h1>
<h1  class="Mycolor4">Apple</h1>
 
</body>
</html>



FILE 2: CSS PAGE - spage.css

body {
    background-color: powderblue;
}

h1 {
    color: blue;
}
p {
    color: red;
}
#page{
background-color: #546455;
border: 1px solid  ;
}

.Mycolor1{
background-color:Tomato; 
}
.Mycolor2{
  background-color:#454545; 
}
.Mycolor3{
  background-color:DodgerBlue;
}

.Mycolor4{
background-color:MediumSeaGreen;
}