Creating Tables - Exercise

Creating Tables

Duration: 20 to 30 minutes.

In this exercise, you will create a table from scratch.

Open Tables/Exercises/Resources.html for editing. Modify the code so the page appears as shown below:
The links in the table should point to the following URLs.
- Boston Marathon Homepage - http://www.baa.org/
- Runners Health - http://www.runnershealth.com
- New York Times Well Blog - http://well.blogs.nytimes.com/
Save your work and open your new page in a browser to test it.

Solution:

Tables/Solutions/Resources.html

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Runners Home&trade; - Resources</title>
</head>
<body>
<h1>Resources</h1>
<table width="650" border="1" cellpadding="3" cellspacing="0">
  <caption>Running Resources</caption>
  <tr>
  	<th>Date Added</th>
    <th>Resource</th>
    <th>Description</th>
  </tr>
  <tr>
  	<td>6/1/18</td>
    <td><a href="http://www.bostonmarathon.com">Boston Marathon Homepage</a></td>
    <td>Everything you want to know about the Boston Marathon AND MORE</td>
  </tr>
  <tr>
  	<td>6/1/18</td>
    <td><a href="http://www.runnershealth.com">Runners Health </a></td>
    <td>Great health tips for runners!</td>
  </tr>
  <tr>
  	<td>6/1/18</td>
    <td><a href="http://well.blogs.nytimes.com/">New York Times Well Blog</a></td>
    <td>Great health tips for active people including runners!</td>
	</tr>
</table>
<hr>
<p>&copy; 2018 Runners Home. All rights reserved. For questions, send email to <a href="mailto:info@runnershome.com">info@runnershome.com</a>.</p>
</body>
</html>

This tutorial is based on Webucator's Introduction to HTML Training Course. We also offer many other HTML Training courses. Sign up today to get help from a live instructor.