codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>

<head>
  <title>My First Cheatsheet</title>

  <link href="styles.css" type="text/css" rel="stylesheet">
</head>

<body>
  <h1 class="tag">&lt;HTML Tags Cheatsheet&gt;</h1>
  <table>
    <thead>
      <tr class="head">
        <th>Name</th>
        <th>Tag</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Headings</td>
        <td class="tag">&lt;h1&gt;</td>
        <td>This is used to represent the main heading of a page, by default it has the largest font-size and weight. Heading ranges from 1-6 with each number after 1 decreasing in size</td>
      </tr>
      <tr>
        <td>Division</td>
        <td class="tag">&lt;div&gt;</td>
        <td>This is used to divide or <p class="tag">&lt;section&gt;</p> certain aspects of a page so that it can be targeted and styled separately, it is usually used with a <p class="tag">&lt;class&gt;</p> or an <p class="tag">&lt;id&gt;</p>. It's use has been reduced due to introduction of more semantically approved tags</td>
        </tr><br>
        <tr>
          <td>Aside</td>
          <td class="tag">&lt;aside&gt;</td>
          <td>When content is relevant to the main topic on a page, but is not needed to understand the main topic or just supplies supplimentary information, it is or should be written <p class="tag">&lt;aside&gt;</p>within the aside tags<p class="tag">&lt;/aside&gt;</p></td>
        </tr>
    </tbody>
  </table>
</body>

## styles.css
h1 {
  text-align: center;
  background-color: SlateGrey;
}
body {
  font-family: Arial;
  background-color: LightGrey;
}
.head{
  background-color: slateblue;
}
.tag {
  font-family: monospace;
}
	<!DOCTYPE html>
	<html>

	<head>
	<title>My First Cheatsheet</title>

	<link href="styles.css" type="text/css" rel="stylesheet">
	</head>

	<body>
	<h1 class="tag"><HTML Tags Cheatsheet></h1>
	<table>
	<thead>
	<tr class="head">
	<th>Name</th>
	<th>Tag</th>
	<th>Description</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td>Headings</td>
	<td class="tag"><h1></td>
	<td>This is used to represent the main heading of a page, by default it has the largest font-size and weight. Heading ranges from 1-6 with each number after 1 decreasing in size</td>
	</tr>
	<tr>
	<td>Division</td>
	<td class="tag"><div></td>
	<td>This is used to divide or <p class="tag"><section></p> certain aspects of a page so that it can be targeted and styled separately, it is usually used with a <p class="tag"><class></p> or an <p class="tag"><id></p>. It's use has been reduced due to introduction of more semantically approved tags</td>
	</tr><br>
	<tr>
	<td>Aside</td>
	<td class="tag"><aside></td>
	<td>When content is relevant to the main topic on a page, but is not needed to understand the main topic or just supplies supplimentary information, it is or should be written <p class="tag"><aside></p>within the aside tags<p class="tag"></aside></p></td>
	</tr>
	</tbody>
	</table>
	</body>
	h1 {
	text-align: center;
	background-color: SlateGrey;
	}
	body {
	font-family: Arial;
	background-color: LightGrey;
	}
	.head{
	background-color: slateblue;
	}
	.tag {
	font-family: monospace;
	}