Exercise 10.1

 

<!DOCTYPE html>

<html>

<head><title>Chapter 10 - Tables</title>

<style>

div {

                width: 100%;

                height: 600px;

                border: red solid 1px;

}

 

table {

border: dashed 1px black;

}

 

th {

                border: solid 1px black; 

}

 

td {

                border: solid 1px black; 

}

 

tr {

}

</style>

</head>

<body>

The table below is a child element of the red box. The red box is added to show the effects of the height and width properties for 'table'.<br><br>

<div>

<table>

                <tr><th>Firstname</th><th>Lastname</th><th>Age</th></tr>

                <tr><td>Derek</td><td>Lee</td><td>24</td></tr>

                <tr><td>Aaron</td><td>Flynn</td><td>16</td></tr>

                <tr><td>Joe</td><td>Murphy</td><td>31</td></tr>

</table>

</div>

</body>

</html>