Scribd
Upload
611 views

Laboratory Manual: Exercise/Experiment Number

The document provides steps for an experiment to create a web page using different types of cascading style sheets (CSS). The objective is to implement various CSS styles like external, internal, and inline styles. The steps include creating HTML and CSS files, linking the CSS file to HTML, adding CSS code for styles, and viewing the styled web page in a browser.

Uploaded by

Pradeep Kumar
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
611 views

Laboratory Manual: Exercise/Experiment Number

The document provides steps for an experiment to create a web page using different types of cascading style sheets (CSS). The objective is to implement various CSS styles like external, internal, and inline styles. The steps include creating HTML and CSS files, linking the CSS file to HTML, adding CSS code for styles, and viewing the styled web page in a browser.

Uploaded by

Pradeep Kumar
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 3

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"

You might also like