codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>My HTML Reference</title>
    <link rel="stylesheet" href="styles.css" type="text/css"/>
  </head>
  <body>

    <header>
      <h1>HTML - HyperText Mark Up Language</h1>
    </header>

      <div class="textsize">
        When beginning an HTML file, &lt;!DOCTYPE&gt;, must be declared first. Followed by &lt;html&gt; with closing tag.
      </div>

      <h2>Table Tags</h2>

      <table>
        <thead>
          <tr>
            <th class="line">TAG</th>
            <th class="line">NAME</th>
            <th class="line">DESCRIPTION</th>
          </tr>
        </thead>

        <tbody>
          <tr>
            <td>&lt;table&gt;</td>
            <td>Table</td>
            <td>The wrapper element for all HTML tables.</td>
          </tr>

          <tr>
            <td>&lt;thead&gt;</td>
            <td>Table Head</td>
            <td>The set of rows defining the column headers in a table.</td>
          </tr>

          <tr>
            <td>&lt;tbody&gt;</td>
            <td>Table Body</td>
            <td>The set of rows containing actual table data.</td>
          </tr>

          <tr>
            <td>&lt;tr&gt;</td>
            <td>Table Row</td>
            <td>The table row container.</td>
          </tr>

          <tr>
            <td>&lt;tf&gt;</td>
            <td>Table Foot</td>
            <td>	The set of rows defining the footer in a table.</td>
          </tr>

        </tbody>
      </table>

      <h2>Table Attribute</h2>

      <table>
          <thead>
            <tr>
              <th class="line">ATTRIBUTE</th>
              <th class="line">NAME</th>
              <th class="line">DESCRIPTION</th>
            </tr>
          </thead>
        <tbody>
          <tr>
            <td class="font2">colspan</td>
            <td>Column Span</td>
            <td>Defines how many columns a td element should span.</td>
          </tr>

          <tr>
            <td class="font2">rowspan</td>
            <td>Row Span</td>
            <td>Defines how many rows a td element should span.</td>
          </tr>
        </tbody>
      </table>

  </body>
</html>

## styles.css
html {
  background-color: hsl(205, 17%, 18%);
  font-family: 'helvetica', sans-serif;
  color: #FFFFFF;
  text-align: center;
}

table, th, td {
  border: 1px solid hsl(205, 10%, 98%);
  font-size: 18px;
  padding: 5px;
}

table {
  border: 2px solid hsl(205, 10%, 98%);
  margin: 0 auto;
  border-collapse: collapse;
}

.line {
  border-bottom: 2px dotted hsl(205, 10%, 98%);
  width: auto;
  margin: 0 auto;
}

.font2 {
  font-family: monospace;
}
	<!DOCTYPE html>
	<html lang="en" dir="ltr">
	<head>
	<meta charset="utf-8">
	<title>My HTML Reference</title>
	<link rel="stylesheet" href="styles.css" type="text/css"/>
	</head>
	<body>

	<header>
	<h1>HTML - HyperText Mark Up Language</h1>
	</header>

	<div class="textsize">
	When beginning an HTML file, <!DOCTYPE>, must be declared first. Followed by <html> with closing tag.
	</div>

	<h2>Table Tags</h2>

	<table>
	<thead>
	<tr>
	<th class="line">TAG</th>
	<th class="line">NAME</th>
	<th class="line">DESCRIPTION</th>
	</tr>
	</thead>

	<tbody>
	<tr>
	<td><table></td>
	<td>Table</td>
	<td>The wrapper element for all HTML tables.</td>
	</tr>

	<tr>
	<td><thead></td>
	<td>Table Head</td>
	<td>The set of rows defining the column headers in a table.</td>
	</tr>

	<tr>
	<td><tbody></td>
	<td>Table Body</td>
	<td>The set of rows containing actual table data.</td>
	</tr>

	<tr>
	<td><tr></td>
	<td>Table Row</td>
	<td>The table row container.</td>
	</tr>

	<tr>
	<td><tf></td>
	<td>Table Foot</td>
	<td> The set of rows defining the footer in a table.</td>
	</tr>

	</tbody>
	</table>

	<h2>Table Attribute</h2>

	<table>
	<thead>
	<tr>
	<th class="line">ATTRIBUTE</th>
	<th class="line">NAME</th>
	<th class="line">DESCRIPTION</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td class="font2">colspan</td>
	<td>Column Span</td>
	<td>Defines how many columns a td element should span.</td>
	</tr>

	<tr>
	<td class="font2">rowspan</td>
	<td>Row Span</td>
	<td>Defines how many rows a td element should span.</td>
	</tr>
	</tbody>
	</table>

	</body>
	</html>
	html {
	background-color: hsl(205, 17%, 18%);
	font-family: 'helvetica', sans-serif;
	color: #FFFFFF;
	text-align: center;
	}

	table, th, td {
	border: 1px solid hsl(205, 10%, 98%);
	font-size: 18px;
	padding: 5px;
	}

	table {
	border: 2px solid hsl(205, 10%, 98%);
	margin: 0 auto;
	border-collapse: collapse;
	}

	.line {
	border-bottom: 2px dotted hsl(205, 10%, 98%);
	width: auto;
	margin: 0 auto;
	}

	.font2 {
	font-family: monospace;
	}