Professional Documents
Culture Documents
Computer VIII
VIII-Ruby Mr. Michael Anjelo Cruz
<!DOCTYPE html>
<html>
<head>
<title>Inline Style Sheet</title>
</head>
<body>
<ol type="a">
<li style="color:yellow;">Yellow is the sun</li>
<li style="color:orange;">Orange is a carrot</li>
<li style="color:blue;">Blue is the sky</li>
<li style="color:green;">Green is the grass</li>
<li style="color:red;">Red is an apple</li>
</ol>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Inline Style Sheet</title>
</head>
<style>
.dishes{
color: red;
}
.desserts{
color: blue;
}
.beverages{
color: green;
}
</style>
</head>
<body>
<ul>
<li class="dishes">Roasted Chicken is prepared as food roasted over fire.</li>
<li class="dishes">Steak is quality beef that is cooked more slowly by braising or stewing</li>
<li class="desserts">Cheesecake is a rich dessert cake made with cream and soft cheese on pastry crust and topped with fruit
sauce.</li>
<li class="desserts">Ice cream is a soft frozen food made with sweetened and flavored milk fat</li>
<li class="beverages">Frappe is an iced beverage that has been blended to produce a refreshing blended drink</li>
<li class="beverages">Iced tea is a chilled drink of sweetened tea</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Multiple Style Sheet</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<style>
.three{
color: pink;
}
.two{
color: green;
}
p{
color: yellow;
}
</style>
</head>
<body>
<h3>Moon Cake</h3>
</body>
</html>