Homework Sourse1 Create an HTML5 document containing an ordered list of thr
1: Create an HTML5 document containing an ordered list of three elements – ice cream, soft server and frozen yogurt. Each ordered list should contain a nested, unordered list of your favorite flavors. Please provide 3 flavors in each un ordered list.
2: Create an HTML5 document that contains the links to your five favorite websites. Your page should contain the heading “My Favorite Web Sites” and a click on each of these links should navigate to that page.
3: Create a HTML5 document that produces a table as shown in the figure here. http://imgur.com/a/O7XhS
Solution
Answer for the forst question:
<!DOCTYPE html>
<html>
<body>
<h2>An ordered HTML list</h2>
<ol>
<li>Ice cream</li>
<li>Soft Server</li>
<li>Frozen Yogurt</li>
</ol>
<ol>
<ul>Ice cream</ul>
<ul style=\"list-style-type:circle\">
<li>Strawberry</li>
<li>ButterScotch</li>
<li>Vanilla</li>
</ul>
</ol>
<ol>
<ul>Soft Server</ul>
<ul style=\"list-style-type:circle\">
<li>Amaretto</li>
<li>Chocolate</li>
<li>Black Current</li>
</ul>
</ol>
<ol>
<ul>Frozen Yogurt</ul>
<ul style=\"list-style-type:circle\">
<li>Lychee Tart</li>
<li>Mango Tart</li>
<li>Orange Tart</li>
</ul>
</ol>
</ol>
</body>
</html>
Answer for the second question:
<!DOCTYPE html>
<html>
<body>
<h1>My Favourite Websites</h1>
<p>
<a href=\"http://www.w3schools.com/html/\">Visit our HTML tutorial</a></p>
<p>
<a href=\"http://www.limeroad.com/home/\">Love,Create and Shop on Limeroad..!!</a></p>
<p>
<a href=\"http://www.facebook.com/login/\">Visit Facebook</a></p>
<p>
<a href=\"http://www.linkedin.com/home/\">Your only professional socail networking site LinkedIn</a></p>
<p>
<a href=\"http://twitter.com/home/\">Its what happening keep twittering</a></p>
</body>
</html>
Answer for the third question:
<!DOCTYPE html>
<html>
<head>
<style>
table{
border: 1px solid black;
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
text-align: center;
}
</style>
</head>
<body>
<h1>Table of Fruits</h1>
<p>Table Header,Table Body and Table footer(Total)
<table style=\"width:20%\">
<tr>
<th scope=\"col\">Fruits</th>
<th scope=\"col\">Price</th>
</tr>
<tr>
<td>Apple</td>
<td>$0.25</td>
</tr>
<tr>
<td>Orange</td>
<td>$0.50</td>
</tr>
<tr>
<td>Banana</td>
<td>$0.50</td>
</tr>
<tr>
<td>Pine Apple</td>
<td>$1.00</td>
</tr>
<tfoot>
<tr>
<td><b>Total</b></td>
<td><b>$2.25</b></td>
</tr>
</tfoot>
</table>
</body>
</html>
hope this helps you.
