Saturday, 2 April 2016

Design a web page using CSS (Cascading Style Sheets) which includes the following:

1) Use different font, styles: In the style definition you define how each selector should work (font, color etc.). Then, in the body of your pages, you refer to these selectors to activate the styles. 
2) Set a background image for both the page and single elements on the page. 
3) Control the repetition of the image with the background-repeat property. As background-repeat: repeat tiles the image until the entire page is filled, just like an ordinary background image in plain HTML. 
4) Define styles for links as A: link A: visited A: active A: hover 
5) Work with layers

Copy And Paste Code Into Notepad And Save As You Want With name.html  And Open In Your Browser

g.html

<html><head><title>frame 6</title></head>
<body bgcolor= "#9370DB">
<marquee behavior="alternate"><font size="10px" color="white">WELCOME TO NIT WARANGAL</font></marquee><br><br>
<marquee direction="up"> <font size="5px" >GHANENDRA YADAV </font> </marquee><br>
<font color="WHITE" size="5px"><marquee direction="left" style="background:#800000">GHANENDRA YADAV</marquee></font>
<marquee direction="right" behavior="alternate" scrollamount="15"><font color="red" size="5px">GHANENDRA YADAV</font></marquee>
<marquee style="border:green 5px SOLID"><font color="#00FF7F" size="5px">GHANENDRA YADAV</font></marquee>
<marquee  behavior="alternate"><font color="white" size="5px">GHANENDRA </font><img src="a.gif"  width="400" height="230"  border="3" ></marquee>
</body>
</html>

Q6.html

<html><head><style type="text/css">
a:link{
color:blue;
}
a:hover{
background-color:green;
color:white;
}
a:visited{color:cyan;}
a:active
{
bacground-color:orange;
}</style></head>
<body background="hulk.gif" height="200" width="400">
<i><marquee> <h1>NATIONAL INSTITUTE OF TECHNOLOGY WARANGAL</h1> </marquee>
</i><a href="g.html"><h2>Click Here !!!</h2></a>
</body>
</html>

OUTPUT:-
www.programmingwithbasics.com

www.programmingwithbasics.com


Extreme Recommended:- Like our Facebook Page or Join our Facebook Group and Google plus Community for up-to-date. If you have any Query or Question you can ask in the group, I will Try To Solve your Query and try to answers of your Questions withing 24 Hours, You can also Email me or comment below Please suggest to your Friends to join and like our page and don't forget to Subscribe. Enter your Email and click to subscribe.

Ghanendra Yadav

Ghanendra Yadav

Hello, I Am Ghanendra Yadav Owner of This Blog, I am professional Blogger and Programmer. I Love Programming, Logo Making, And Banner Designing. My Highest Qualification is MCA From NIT Warangal. You Can Find Me On Social Media Through Below Link And If You Have Any Query Related To Programming And Other Subject Comment Below or You Can Mail Me I Will Try To Answer Within 24 Hours Email:- yghanendra@student.nitw.ac.in

Find me on Social Media

Facebook | Twitter | Google+ | RSS Feed

No comments:

Post a Comment