Laboratory Manual

Exercise/Experiment Number:
Title of the exercise/experiment :

STEP 1: INTRODUCTION
OBJECTIVE OF THE EXERCISE/EXPERIMENT To Create a web page with all types of Cascading style sheets.

STEP 2: ACQUISITION
a) Facilities/material required to do the exercise/experiment: Sl.No. 1 2 Platform required Windows OS Windows OS Softwares Required notepad Web Browser

b) c)

Design developed for the program/project to be implemented Implementation of the design: Step by step procedure Steps 1 2 Description (in full) Create a new HTML file To create an external style sheet ,create a simple text document (on windows you simply right-click and select new -> text document) and 3 then change the file from type .txt to .css. declare (in the external CSS file) that the code in the CSS 1 page is CSS using <style

type="text/css"></style> add CSS code directly to the page as follows myNewStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000; }

.my2ndNewStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000; }

.my3rdNewStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12pt; 2

color: #FF0000; } Specify the CSS link in the corresponding HTML file as follows <link href="myFirstStyleSheet.css" type="text/css"> 6 7 8 Note: (Diagrams like circuit diagrams, chart like process charts and so on are to be provide as per the requirement of the exercise.) Save the .html and .Css files Run the html file using a web browser. rel="stylesheet"