Scribd
Upload
4 views3 pages

CSS-SVG Assignment

The document contains multiple XML and HTML snippets that define employee information, order details, student personal information, and various SVG shapes. Each section includes styling rules for presentation. The SVG examples illustrate different shapes such as rectangles, lines, polygons, and circles with specified dimensions and colors.

Uploaded by

rauljijaydeep2808
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
4 views3 pages

CSS-SVG Assignment

The document contains multiple XML and HTML snippets that define employee information, order details, student personal information, and various SVG shapes. Each section includes styling rules for presentation. The SVG examples illustrate different shapes such as rectangles, lines, polygons, and circles with specified dimensions and colors.

Uploaded by

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

1.

<?xml version="1.0" encoding="UTF-8"?>


<?xml-stylesheet type="text/xsd" href="assignment.css" ?>

<emp_info>
<employee>
<emp_name>
<first_name> Rakesh </first_name>
<last_name> Patel </last_name>
</emp_name>
<emp_id> A1254 </emp_id>
</employee>
</emp_info>

emp_name{
color: red;
}
first_name,last_name{
font-weight: bold;
font-size: 15px;
}
emp_id{
display: block;
}

2.

<?xml version="1.0" encoding="UTF-8"?>


<?xml-stylesheet type="text/css" href="assignment.css"?>

<order_detail>
<order_name> Rakesh M.Patel</order_name>
<order_date>15-08-2020</order_date>
<order_amount>75000</order_amount>
<item_price>5000</item_price>
<item_name> metal item </item_name>
<quantity>5</quantity>
</order_detail>

order_date{
color: green;
font-size: 20px;
}
order_amount{
font-style: italic;
}
item_price{
background: black;
color: white;
}

3.
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="assignment.css"?>

<student_name>
<personal_info>
<address>satellite</address>
<birthdate>15-08-2020</birthdate>
<gender>male</gender>
<mobile_no>1256340789</mobile_no>
<address>satellite1</address>
</personal_info>
<result> pass </result>
</student_name>*/

student_name,personal_info,result{
font-size: 12px;
color: red;
}
gender{
background: green;
}
mobile_no{
font-weight: bold;
}

4.

<!DOCTYPE html>
<html>
<body>
<svg width="400" height="100">
<rect width="400" height="100" stroke="green"stroke-width ="10" fill="red"/>
</svg>

</body>
</html>

<!DOCTYPE html>
<html>
<body>
<svg height="210" width="500">
<line x1="0" y1="0" x2="150" y2="150" stroke="blue" stroke-width="4"/>
<line x1="150" y1="0" x2="0" y2="150" stroke="yellow" stroke-width="4"/>
</svg>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
<svg width="300" height="200">
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:black;stroke:black;" />
</svg>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
<svg width="200" height="200">
<circle cx="70" cy="70" r="40" stroke="purple" stroke-width="4" style="fill:
lightpink;"/>
</svg>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
<svg width="200" height="200">
<rect width="200" height="200" stroke="black" stroke-width ="10" fill="red"/>
</svg>

</body>
</html>

<!DOCTYPE html>
<html>
<body>
<svg width="500" height="500">
<polygon points="100,60 250,400 400,60" stroke="yellow" stroke-width ="10"
fill="red"/>
</svg>

</body>
</html>

<!DOCTYPE html>
<html>
<body>
<svg width="300" height="200">
<polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:black;stroke:black;" />
</svg>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
<svg width="300" height="200">
<polygon points="60 13,110 48,92 110,30 110,13 48"
style="fill:deeppink;stroke:black;" />
</svg>
</body>
</html>

You might also like