Basic_Table.html

<html>

<head>

<!--The link to the stylesheet should be contained
	within the head tags--> 
	
<link rel="stylesheet" href="mystyle.css" type="text/css">

<title>

Literature

</title>

</head>

<body>

<a href="index.html"> home</a> <a href="Lists.html"> Lists</a> 
<a href="Formatting.html"> Formatting</a> <a href="media.html"> media</a> <a href="blocking.html"> blocking</a> <a href="page_layout.html"> page layout</a>

<h4>Cavity</h4>

<p> This Page shows how you can make a basic table in html and CSS </p>

<!--Experiment with changing the width below.
	Notice that you can't actually make it so the content doesn't fit
	
	note that this attribute is also depreciated
	
	It is encouraged that you use CSS to style a table.-->

<table width='70%' border=1px cellspacing=0> 
 <caption>Table of Authors</caption>
 <tr>
     <th>Index</th>
     <th>First Name</th>
     <th>Last Name</th>
     <th>Published Books</th>
 </tr>
 <tr class="odd">
     <td>1</td>
     <td>Thomas</td>
     <td>Eliot</td>
     <td>6</td>
 </tr>
 <tr class="even">
     <td>2</td>
     <td>Steven</td>
     <td>King</td>
     <td>32</td>
 </tr>
 <tr class="odd">
     <td>3</td>
     <td>Fredrich</td>
     <td>Nietzsche</td>
     <td>10</td>
 </tr>
 <tr class="even">
     <td>4</td>
     <td>Richard</td>
     <td>Feynman</td>
     <td>15</td>
 </tr>
 </table>
 
 
<section>

   <p>
   
   This is a paragraph within a section. I have applied CSS styling to the section so I think that ought to overwrite any specific styling on for paragraphs but I'm not 100% on this fact.
   
   </p>

</section>


</body>
</html>