You are on page 1of 6

WEB PAGE USING CSS DATE:7.9.10 Aim: To create a web page using cascading style sheet.

Hardware requirements: Intel pentium Processor IV 128mb RAM Software requirements: Jdk1.6.0 Algorithm: 1. Create a HTML document and add the style information 2. Place some information in the document 3. Apply Any font with size 48 pt and color as Green for our college name using Inline Style in the <H1> tag 4. Create a .css file which contains the course details and link it to the document using the <LINK> tag by applying Exernal style concept 5. Describe the current sem subjects in our own way of formatting by applying Inernal Style concept

WEB PAGE USING CASCADING STYLE SHEETS index.html <html> <frameset rows="70,*"> <frame src="title.html" name="f1"> <frameset cols="35%,*"> <frame src="link.html" name="f2"> <frame name="f3"> </frameset> </frameset> </html> Title.html <html> <head><title>index</title> </head> <body bgcolor="magenta"> <center><h1>J2EE AND CASCADING STYLES</h1></center> </body> </html> Link.html <html> <head> <title> linking...</title> </head> <body bgcolor="green"> <center> <h2>DO U WANT TO KNOW..</h2> <br> <br> <a href="j2ee.html" target="f3">J2EE</a><br> <a href="style.html" target="f3">STYLES</a><br> <br> <br> click the appropriate option..<br><br> <marquee>choose ur lovely platforms....</marquee> </body> </html>

J2ee.html

<html> <head> <title> working with style sheets </title> <style type="text/css"> h1 {font-family:monotype corsiva} h2 {background-color:green;background-repeat:repeat-x} p {font-size:12pt;font-weight:bold;color:#23238e;borderstyle:groove} ul {list-style-type:lower-roman} </style> </head> <body bgcolor="pink"> <center> <h1>WELCOME TO J2EE WORLD</h1> <h2>Here, you will be able to create interactive server side programs....</h2><br> <p>J2EE provides many platforms to create server side programming applications... each application provides many features... some of the platforms are as follows....</p> <ul> <li>SERVLETS</li> <li>JMS</li> <li>RMI</li> <li>CORBA</li> </ul> <br><br><br> <h1><marquee behaviour="right">Thanks for visiting....</marquee></h1> </body> </html> Style.html <html> <head> <title>external style sheets</title> <link rel=stylesheet href="external.css"> </head> <body bgcolor="tee"> <center><h2>STYLE INFORMATION</h2></center> <p>style sheets are powerful mechanism for adding styles to web documents.HTML elements on a web page can then be bound to the style sheet.The advantages of a style sheet includes the ability to make global changes to all documents from a single location.</p><br> style attributes are....<br>

<ul type="1" color="red"> <li>font attributes</li> <li>text attributes</li> <li>color and background attributes</li> <li>margin attriutes</li> </ul> </body> </html> External.css p {font size:12pt;font-weight:bold} body {margin-top=10%} h2 {backgroung-image:url(redrose.jpg)} OUTPUT:

RESULT: Thus the web page was designed using cascading style sheets.

You might also like