codecademydev/index.html Secret

## index.html
<html>
  <head>
     <link rel="stylesheet" href="./styles.css" type="text/css">
     <title>Cheatsheet</title>
  </head>
  <body>
    <h1>HTML Cheatsheet for CodeAcademy Project</h1>
    <h2>Common HTML Tags</h2>
    <table>
      <thead>
        <th>Tag</th>
        <th>Name</th>
        <th>Description</th>
      </thead>
      <tbody>
       <tr>
          <td><span class="code">&lt;html&gt;</span></td>
          <td>HTML</td>
          <td>The element descrides the code language being used, includes a closing tag</td>
       </tr>

        <tr>
          <td><span class="code">&lt;header&gt;</span></td>
          <td>Header</td>
          <td>This element contains information about the page</td>
        </tr>
        <tr>
          <td><span class="code">&lt;title&gt;</span></td>
          <td>Title</td>
          <td>This element is shown in the top of the browser</td>
        </tr>
        <tr>
           <td><span class="code">&lt;body&gt</span></td>
            <td>Body</td>
             <td>Everything contained within the element is shown in the main browser</td>
        </tr>
        <tr>
          <td><span class="code">&lt;h1&gt;&lt;h2&gt;&lt;h3&gt;&lt;h4&gt;&lt;h5&gt;&lt;h6&gt;</span></td>
          <td>H1-H6</td>
          <td>HTML has six levels of headings </td>
        </tr>
        <tr>
          <td><span class="code">&lt;p&gt;
            </span>
          </td>
          <td>Paragragh</td>
          <td>Use this elemnet to create a paragragh</td>
        </tr>
        <tr>
          <td><span class="code">&lt;b&gt;</span></td>
          <td>Bold</td>
          <td>This element is used to make a section of text appear visually different; bold text.</td>
        </tr>
        <tr>
          <td><span class="code">&lt;div&gt;</span></td>
          <td>Division</td>
          <td>This element creates a container </td>
        </tr>

         <tr>
          <td><span class="code">&lt;table&gt;</span></td>
          <td>Table</td>
          <td>The wrapper element for all HTML tables.</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>


## styles.css
h1 {
  font-family: Arial, serif, snas serif;
  color: white;
  background-color: black;
}
h2 {border-style: solid;
    font-family: Ariel, serif, sans serif;
    font-weight: bold;
    }
th { border-style: solid;
font-family: Ariel, serif, sans serif;
font-weight: bold;
font-style: italic;
background-color: yellow;
}
table {border-style: groove;
font-family: Ariel, serif, sans serif;
background-color: blue;
}
td {border-style: double;
font-family: Ariel, serif, sans serif;
font-weight: bold;
background-color: yellow;
}
	<html>
	<head>
	<link rel="stylesheet" href="./styles.css" type="text/css">
	<title>Cheatsheet</title>
	</head>
	<body>
	<h1>HTML Cheatsheet for CodeAcademy Project</h1>
	<h2>Common HTML Tags</h2>
	<table>
	<thead>
	<th>Tag</th>
	<th>Name</th>
	<th>Description</th>
	</thead>
	<tbody>
	<tr>
	<td><span class="code"><html></span></td>
	<td>HTML</td>
	<td>The element descrides the code language being used, includes a closing tag</td>
	</tr>

	<tr>
	<td><span class="code"><header></span></td>
	<td>Header</td>
	<td>This element contains information about the page</td>
	</tr>
	<tr>
	<td><span class="code"><title></span></td>
	<td>Title</td>
	<td>This element is shown in the top of the browser</td>
	</tr>
	<tr>
	<td><span class="code"><body&gt</span></td>
	<td>Body</td>
	<td>Everything contained within the element is shown in the main browser</td>
	</tr>
	<tr>
	<td><span class="code"><h1><h2><h3><h4><h5><h6></span></td>
	<td>H1-H6</td>
	<td>HTML has six levels of headings </td>
	</tr>
	<tr>
	<td><span class="code"><p>
	</span>
	</td>
	<td>Paragragh</td>
	<td>Use this elemnet to create a paragragh</td>
	</tr>
	<tr>
	<td><span class="code"><b></span></td>
	<td>Bold</td>
	<td>This element is used to make a section of text appear visually different; bold text.</td>
	</tr>
	<tr>
	<td><span class="code"><div></span></td>
	<td>Division</td>
	<td>This element creates a container </td>
	</tr>

	<tr>
	<td><span class="code"><table></span></td>
	<td>Table</td>
	<td>The wrapper element for all HTML tables.</td>
	</tr>
	</tbody>
	</table>
	</body>
	</html>
	h1 {
	font-family: Arial, serif, snas serif;
	color: white;
	background-color: black;
	}
	h2 {border-style: solid;
	font-family: Ariel, serif, sans serif;
	font-weight: bold;
	}
	th { border-style: solid;
	font-family: Ariel, serif, sans serif;
	font-weight: bold;
	font-style: italic;
	background-color: yellow;
	}
	table {border-style: groove;
	font-family: Ariel, serif, sans serif;
	background-color: blue;
	}
	td {border-style: double;
	font-family: Ariel, serif, sans serif;
	font-weight: bold;
	background-color: yellow;
	}