1: Create an HTML5 document containing an ordered list of three elements – ice c
ID: 3937617 • Letter: 1
Question
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
Explanation / Answer
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>
<li>Strawberry</li>
<li>ButterScotch</li>
<li>Vanilla</li>
</ul>
</ol>
<ol>
<ul>Soft Server</ul>
<ul>
<li>Amaretto</li>
<li>Chocolate</li>
<li>Black Current</li>
</ul>
</ol>
<ol>
<ul>Frozen Yogurt</ul>
<ul>
<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>
<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.
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.