Scribd
Upload
78 views

Web Lab Assignment 2 - CSS

The document provides instructions for a web design assignment involving creating webpages about cars using HTML, CSS, and XHTML. It includes directions to: 1) Create a table to display car information and features using appropriate tags and an external CSS stylesheet. 2) Display information in a framed page using div tags, borders, and inline styles. 3) Add a background image to a page using inline styles. 4) Style a list of car types and attributes with document-level CSS. 5) Create an XHTML page with inline styles to format headings, links, and link hover states.

Uploaded by

4NM20MC063 PRAJWAL B S
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
78 views

Web Lab Assignment 2 - CSS

The document provides instructions for a web design assignment involving creating webpages about cars using HTML, CSS, and XHTML. It includes directions to: 1) Create a table to display car information and features using appropriate tags and an external CSS stylesheet. 2) Display information in a framed page using div tags, borders, and inline styles. 3) Add a background image to a page using inline styles. 4) Style a list of car types and attributes with document-level CSS. 5) Create an XHTML page with inline styles to format headings, links, and link hover states.

Uploaded by

4NM20MC063 PRAJWAL B S
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

NMAM.I.T.

, Nitte
Department of MCA
II SEM MCA

Web Lab assignment -2 CSS


1. Design website on CAR

a. Use appropriate tags to display the information, price, features, specification etc in
table in a xhtml page. Create appropriate external CSS style sheet for the styling. Use
Following style properties.
i) Font: font-family, font-style, font-weight, font size, font-color, etc.
ii) Color: Color, background-color, background-image, background, etc.
iii) Text: text-decoration, align, text-indent, float etc.
iv) Box: margin-top, margin-right, margin-left, margin-bottom, margin, border- width,
border-color, border-style, border.
v). List : list-style-image,list-style-type

b. Use appropriate tags to display the information about car in following frame in a
xhtml page. also show the usage of div tag and border

This is paragraph1 Insert an


This is paragraph2 image at the
right end of
this frame.

List of pages
1. page1
2. page2
3. page3
This cell contains a list This is paragraph3
• item1
• item2
• item3

c. Use inline style sheet to set benz.jpg as a background in page1.html. The


background shall be positioned to the right and repeated vertically.

d. Create a XHTML document to display the car types in the following format.
Create appropriate document level CSS style sheet for the styling.
1. Car Type
a. Car Fuel
• Diesel car
(i) Suzuki
i. Swift
a) Automatic
b) manual
ii. Maruthi 800
iii. ciaz
(ii) hundai
i. i20
ii. i10
• Electric car
i. Mahendra
ii. TATA
• Petrol car
i.
ii
• Ethanol car
• Natural gas car
• Hydrogen car

b. Size
• Micro
• Mid- size
• Large
• Extra large

e. Write an XHTML document with an inline style sheet. The style sheet should contain
a rule that displays h1 elements in blue. In addition, create a rule that displays all links in
blue without underlining them. When the mouse hovers over a link change the link's
background colour to yellow.

You might also like