codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>My Web Dev CheatSheet</title>
    <link href="styles.css" type="text/css" rel="stylesheet">
   </head>
  <body>
    <header>
      <h1>My Web Dev CheatSheet</h1>
    </header>
    <main>
      <section>
        <table>
          <thead>
            <tr>
              <th class="title">HTML InFo</th>
              <th class="description">Description</th>
              <th class="end-tag">Ending Tag</th>
            <tr>
            <br>
          </thead>
          <tr>
            <td>&lt;!DOCTYPE html&gt;</td>
            <td>All HTML documents must start with a &lt;!DOCTYPE html&gt; declaration. It is an "information" to the browser about what document type to expect.</td>
            <td>None</td>
          </tr>
          <tr>
            <td>&lt;html&gt;</td>
            <td>The &lt;html&gt; element defines the
               <strong>whole document</strong>.</td>
            <td>&lt;/html&gt;</td>
          </tr>
          <tr>
            <td>&lt;head&gt;</td>
            <td>The &lt;head&gt; element is a container for metadata (data about data) and is placed between the &lt;html&gt; tag and the &lt;body&gt; tag.</td>
            <td>&lt;/head&gt;</td>
          </tr>
          <tr>
            <td>&lt;title&gt;</td>
            <td>The &lt;title&gt; tag is required in all HTML documents and it defines the title of the
              document. </td>
            <td>&lt;/title&gt;</td>
          </tr>
          <tr>
            <td>&lt;body&gt;</td>
            <td>The &lt;body&gt; element defines
              the <strong>document body</strong>.</td>
            <td>&lt;/body&gt;</td>
          </tr>
          <tr>
            <td>&lt;header&gt;</td>
            <td>The &lt;header&gt; element represents a container for introductory content or a set of navigational links.</td>
            <td>&lt;/header&gt;</td>
          </tr>
          <tr>
            <td>&lt;h1&gt;</td>
            <td>The &lt;h1&gt; element defines a
              <strong>heading</strong>.</td>
            <td>&lt;/h1&gt;</td>
          </tr>
          <tr>
            <td>&lt;p&gt;</td>
            <td>The &lt;p&gt; element defines a
              <strong>paragraph</strong>.</td>
            <td>&lt;/p&gt;</td>
          </tr>
          <tr>
            <td>&lt;footer&gt;</td>
            <td>The &lt;footer&gt; tag contains
              such as authorship, contact, or copyright
              information</td>
            <td>&lt;/footer&gt;</td>
          </tr>
       </table>
      </section>
    </main>
  </body>
</html>

## styles.css
body {
  background-image: url("https://image.freepik.com/free-vector/abstract-light-silver-background_67845-626.jpg");
}

h1 {
  border-style: groove;
  text-align: center;
  background-color: blue;
}

table, th, td {
  border: 1px solid black;
  text-align: center;
  padding: 10px 10px 10px 10px;
  margin-top: 0px;
  margin-right: 15px;
}

tr {
  color: black;
  font-size: 14px;
  font-family: Arial;
}

th {
  font-size: 18px;
}

.title,
.description,
.end-tag {
  font-size: 20px;
  font-family: monospace;
  background-color: teal;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>My Web Dev CheatSheet</title>
	<link href="styles.css" type="text/css" rel="stylesheet">
	</head>
	<body>
	<header>
	<h1>My Web Dev CheatSheet</h1>
	</header>
	<main>
	<section>
	<table>
	<thead>
	<tr>
	<th class="title">HTML InFo</th>
	<th class="description">Description</th>
	<th class="end-tag">Ending Tag</th>
	<tr>
	<br>
	</thead>
	<tr>
	<td><!DOCTYPE html></td>
	<td>All HTML documents must start with a <!DOCTYPE html> declaration. It is an "information" to the browser about what document type to expect.</td>
	<td>None</td>
	</tr>
	<tr>
	<td><html></td>
	<td>The <html> element defines the
	<strong>whole document</strong>.</td>
	<td></html></td>
	</tr>
	<tr>
	<td><head></td>
	<td>The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag.</td>
	<td></head></td>
	</tr>
	<tr>
	<td><title></td>
	<td>The <title> tag is required in all HTML documents and it defines the title of the
	document. </td>
	<td></title></td>
	</tr>
	<tr>
	<td><body></td>
	<td>The <body> element defines
	the <strong>document body</strong>.</td>
	<td></body></td>
	</tr>
	<tr>
	<td><header></td>
	<td>The <header> element represents a container for introductory content or a set of navigational links.</td>
	<td></header></td>
	</tr>
	<tr>
	<td><h1></td>
	<td>The <h1> element defines a
	<strong>heading</strong>.</td>
	<td></h1></td>
	</tr>
	<tr>
	<td><p></td>
	<td>The <p> element defines a
	<strong>paragraph</strong>.</td>
	<td></p></td>
	</tr>
	<tr>
	<td><footer></td>
	<td>The <footer> tag contains
	such as authorship, contact, or copyright
	information</td>
	<td></footer></td>
	</tr>
	</table>
	</section>
	</main>
	</body>
	</html>
	body {
	background-image: url("https://image.freepik.com/free-vector/abstract-light-silver-background_67845-626.jpg");
	}

	h1 {
	border-style: groove;
	text-align: center;
	background-color: blue;
	}

	table, th, td {
	border: 1px solid black;
	text-align: center;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	margin-right: 15px;
	}

	tr {
	color: black;
	font-size: 14px;
	font-family: Arial;
	}

	th {
	font-size: 18px;
	}

	.title,
	.description,
	.end-tag {
	font-size: 20px;
	font-family: monospace;
	background-color: teal;
	}