Scribd
Upload
5 views2 pages

13-Vedant Pal WAD

The document provides HTML code for a web page that demonstrates different stylesheet types. It uses inline styles to set the font color of Fruits and Vegetables to red, an internal stylesheet for specific fruit and vegetable colors, and an external stylesheet for the background color. The structure includes nested lists for fruits and vegetables, showcasing the application of CSS styles effectively.

Uploaded by

09roshankemble.edu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views2 pages

13-Vedant Pal WAD

The document provides HTML code for a web page that demonstrates different stylesheet types. It uses inline styles to set the font color of Fruits and Vegetables to red, an internal stylesheet for specific fruit and vegetable colors, and an external stylesheet for the background color. The structure includes nested lists for fruits and vegetables, showcasing the application of CSS styles effectively.

Uploaded by

09roshankemble.edu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Q.

2) Ai m: Design a web page demonstrating all Style sheet types:

Generate a nested list as follows: (Display Fruits and Vegetables in “red” font color using inline

style, Display Mango, Banana and Apple in font color “Blue” and Tomato, Potato and Carrot in

font color “Orange” using internal stylesheet, set background color for Fruits and Vegetables to

pink using external stylesheet). Hint: use id/class attributes and/or styles for nested tags.

Code:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Styled List</title>

<link rel="stylesheet" href="styles.css">

<style>

/* Internal stylesheet */

#fruits-list li {

color: blue;

#vegetables-list li {

color: orange;

ul li {

color: red;

</style>

</head>

<body>

<h1>Vedant pal</h1>

<h1>roll no.13</h1>

<ul>
<li style="list-style-type:square">Fruits

<ol id="fruits-list">

<li style="color: blue;">Mango</li>

<li style="color: blue;">Banana</li>

<li style="color: blue;">Apple</li>

</ol>

</li>

<li style="color: red;">Vegetables

<ol id="vegetables-list">

<li style="color: orange;">Tomato</li>

<li style="color: orange;">Potato</li>

<li style="color: orange;">Carrot</li>

</ol>

</li>

</ul>

</body>

</html>

Output:

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy