codecademydev/index.html Secret

## index.html
 <!DOCTYPE html>
 <head>
   <title>CHEATSHEAT FOR HTML & CSS</title>
    <link href="./styles.css" type="text/css" rel="stylesheet" />
   </head>
 <body class="body">
    <header>
      <h1 class="mainheader">HTML & CSS CHEATSHEET</h1>
      <h3>HTML Tags</h3>
    </header>
    <main>
      <table class="table1">
        <thead class="tablehead-1">
          <tr>
            <th>Tag</th>
            <th>Name</th>
            <th>Functionality</th>
          </tr>
        </thead>
        <tbody class="tablebody-1">
          <tr>
            <td>em</td>
            <td>Italic</td>
            <td>Make text Italic</td>
          </tr>
          <tr>
            <td>strong</td>
            <td>Bold</td>
            <td>Make text Bold</td>
          </tr>
          <tr>
            <td>br</td>
            <td>Line break</td>
            <td>Add a line space after a line</td>
          </tr>
          <tr>
            <td>p</td>
            <td>Paragraph</td>
            <td>Used to write a Paragraph</td>
          </tr>
          <tr>
            <td>ul</td>
            <td>Unordered List</td>
            <td>Used to make an Unodered List</td>
          </tr>
          <tr>
            <td>ol</td>
            <td>Ordered List</td>
            <td>Used to make an Ordered List</td>
          </tr>
          <tr>
            <td>li</td>
            <td>List Items</td>
            <td>Used to add items into List</td>
          </tr>
        </tbody>
      </table>
      <br />
      <h3>CSS Selectors</h3>
      <table>
        <thead class="thead-2">
          <tr>
            <th>Name</th>
            <th>Functionality</th>
          </tr>
        </thead>
        <tbody class="tbody-2">
          <tr>
            <td>color</td>
            <td>Changes the color of text</td>
          </tr>
          <tr>
            <td>font-family</td>
            <td>Uses to change the fontstyle/typeface</td>
          </tr>
          <tr>
            <td>font-size</td>
            <td>Uses to change the size of font</td>
          </tr>
          <tr>
            <td>background-color</td>
            <td>Uses to change the background color</td>
          </tr>
        </tbody>
      </table>
    </main>
  </body>

## styles.css
.body {
  background-color: lightcyan;
}
.tablehead-1 {
  height: 40%;
  left: 10%;
  margin: 20px auto;
  overflow-y: scroll;
  position: static;
  width: 80%;
  background-color: lightblue;
}
.tablebody-1 {
  height: 40%;
  left: 10%;
  margin: 20px auto;
  overflow-y: scroll;
  position: static;
  width: 80%;
  background-color: ghostwhite;
}
.thead-2 {
  height: 40%;
  left: 10%;
  margin: 20px auto;
  overflow-y: scroll;
  position: static;
  width: 80%;
  background-color: lightblue;
}
.tbody-2 {
  height: 40%;
  left: 10%;
  margin: 20px auto;
  overflow-y: scroll;
  position: static;
  width: 80%;
  background-color: ghostwhite;
}
.mainheader {
  font-weight: bold;
  font-size: 45px;
  text-align: center;
}
	<!DOCTYPE html>
	<head>
	<title>CHEATSHEAT FOR HTML & CSS</title>
	<link href="./styles.css" type="text/css" rel="stylesheet" />
	</head>
	<body class="body">
	<header>
	<h1 class="mainheader">HTML & CSS CHEATSHEET</h1>
	<h3>HTML Tags</h3>
	</header>
	<main>
	<table class="table1">
	<thead class="tablehead-1">
	<tr>
	<th>Tag</th>
	<th>Name</th>
	<th>Functionality</th>
	</tr>
	</thead>
	<tbody class="tablebody-1">
	<tr>
	<td>em</td>
	<td>Italic</td>
	<td>Make text Italic</td>
	</tr>
	<tr>
	<td>strong</td>
	<td>Bold</td>
	<td>Make text Bold</td>
	</tr>
	<tr>
	<td>br</td>
	<td>Line break</td>
	<td>Add a line space after a line</td>
	</tr>
	<tr>
	<td>p</td>
	<td>Paragraph</td>
	<td>Used to write a Paragraph</td>
	</tr>
	<tr>
	<td>ul</td>
	<td>Unordered List</td>
	<td>Used to make an Unodered List</td>
	</tr>
	<tr>
	<td>ol</td>
	<td>Ordered List</td>
	<td>Used to make an Ordered List</td>
	</tr>
	<tr>
	<td>li</td>
	<td>List Items</td>
	<td>Used to add items into List</td>
	</tr>
	</tbody>
	</table>
	<br />
	<h3>CSS Selectors</h3>
	<table>
	<thead class="thead-2">
	<tr>
	<th>Name</th>
	<th>Functionality</th>
	</tr>
	</thead>
	<tbody class="tbody-2">
	<tr>
	<td>color</td>
	<td>Changes the color of text</td>
	</tr>
	<tr>
	<td>font-family</td>
	<td>Uses to change the fontstyle/typeface</td>
	</tr>
	<tr>
	<td>font-size</td>
	<td>Uses to change the size of font</td>
	</tr>
	<tr>
	<td>background-color</td>
	<td>Uses to change the background color</td>
	</tr>
	</tbody>
	</table>
	</main>
	</body>
	.body {
	background-color: lightcyan;
	}
	.tablehead-1 {
	height: 40%;
	left: 10%;
	margin: 20px auto;
	overflow-y: scroll;
	position: static;
	width: 80%;
	background-color: lightblue;
	}
	.tablebody-1 {
	height: 40%;
	left: 10%;
	margin: 20px auto;
	overflow-y: scroll;
	position: static;
	width: 80%;
	background-color: ghostwhite;
	}
	.thead-2 {
	height: 40%;
	left: 10%;
	margin: 20px auto;
	overflow-y: scroll;
	position: static;
	width: 80%;
	background-color: lightblue;
	}
	.tbody-2 {
	height: 40%;
	left: 10%;
	margin: 20px auto;
	overflow-y: scroll;
	position: static;
	width: 80%;
	background-color: ghostwhite;
	}
	.mainheader {
	font-weight: bold;
	font-size: 45px;
	text-align: center;
	}