codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Semantic HTML Reaference</title>
    <link href="./styles.css" type="text/css" rel="stylesheet">
  </head>
  <body>
    <h1>Semantic HTML Reference</h1>
    <h3> HTML Tags</h3>
    <table>
        <thead>
          <tr>
            <th>Tag</th>
            <th>Name</th>
            <th>Description</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class= "tags">&lt;header&gt;</td>
            <td>Header</td>
            <td><p>This is a container usually for either navigational links or introductory content</p></td>
          </tr>
          <tr>
            <td class= "tags">&lt;nav&gt;</td>
            <td>nav</td>
            <td><strong>nav</strong> is used to define a block of navigation links. It can be used inside of the &lt;header&gt; element but can also be used on its own</td>
          </tr>
          <tr>
            <td class= "tags">&lt;main&gt;</td>
            <td>main</td>
            <td>This element is used to encaspulate the dominant content within a webpage</td>
          </tr>
          <tr>
            <td class= "tags">&lt;footer&gt;</td>
            <td> Footer</td>
            <td>This is the content at the bottom of the webpage, it contains information such  as; contact information, copyright information, terms of use etc.</td>
          </tr>
          <tr>
            <td class= "tags">&lt;section&gt;</td>
            <td>Section</td>
            <td>This defines elements in a document such as chapters, headings or any other area of the document with the same theme.</td>
          </tr>
          <tr>
            <td class= "tags">&lt;article&gt;</td>
            <td>article</td>
            <td> This element holds content that makes sense on its own. It can hold content such as articles, blogs, comments, magazines etc.</td>
          </tr>

        </tbody>
    </table>
  </body>
</html>

## styles.css
table, td  {
  border: 1px solid black;
  background-color: lightGray;
  font-family: "sans serif";

}
thead {
  background-color: Purple;
  font-family: verdana;

}
h1 {
  font-family: verdana;
  font-weight: bold;
}
p.tags{
  font-size: 13px;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Semantic HTML Reaference</title>
	<link href="./styles.css" type="text/css" rel="stylesheet">
	</head>
	<body>
	<h1>Semantic HTML Reference</h1>
	<h3> HTML Tags</h3>
	<table>
	<thead>
	<tr>
	<th>Tag</th>
	<th>Name</th>
	<th>Description</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td class= "tags"><header></td>
	<td>Header</td>
	<td><p>This is a container usually for either navigational links or introductory content</p></td>
	</tr>
	<tr>
	<td class= "tags"><nav></td>
	<td>nav</td>
	<td><strong>nav</strong> is used to define a block of navigation links. It can be used inside of the <header> element but can also be used on its own</td>
	</tr>
	<tr>
	<td class= "tags"><main></td>
	<td>main</td>
	<td>This element is used to encaspulate the dominant content within a webpage</td>
	</tr>
	<tr>
	<td class= "tags"><footer></td>
	<td> Footer</td>
	<td>This is the content at the bottom of the webpage, it contains information such as; contact information, copyright information, terms of use etc.</td>
	</tr>
	<tr>
	<td class= "tags"><section></td>
	<td>Section</td>
	<td>This defines elements in a document such as chapters, headings or any other area of the document with the same theme.</td>
	</tr>
	<tr>
	<td class= "tags"><article></td>
	<td>article</td>
	<td> This element holds content that makes sense on its own. It can hold content such as articles, blogs, comments, magazines etc.</td>
	</tr>

	</tbody>
	</table>
	</body>
	</html>
	table, td {
	border: 1px solid black;
	background-color: lightGray;
	font-family: "sans serif";

	}
	thead {
	background-color: Purple;
	font-family: verdana;

	}
	h1 {
	font-family: verdana;
	font-weight: bold;
	}
	p.tags{
	font-size: 13px;
	}