codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
<head>
    <!--benomac's html tabel yo!-->
<link href="styles.css" type="text/css" rel="stylesheet">
    <title>Table Tag Cheat Sheet</title>
</head>
<body>
    <h1>HTML Table Reference</h1>
   <h2 class="table2">Table Tags</h2>
    <table>
        <thead>
            <tr>
                <th>Tag</th>
                <th>Name</th>
                <th>Description</th>
              </tr>
         </thead>
              <tbody>
                      <tr>
                        <td class="diffont">&lt;table&gt;</td>
                        <td>Table</td>
                        <td>The wrapper element for all HTML tables.</td>
                      </tr>
                      <tr>
                        <td class="diffont">&lt;thead&gt;</td>
                        <td>Table Head</td>
                        <td>The set of rows defining the column headers in a table.
                        </td>
                      </tr>
                      <tr>
                        <td class="diffont">&lt;tbody&gt;</td>
                        <td>Table Body</td>
                        <td>The set of rows containing actual table data.
                        </td>
                      </tr>
                      <tr>
                        <td class="diffont">&lt;tr&gt;</td>
                        <td>Table Row</td>
                        <td>The table row container.
                        </td>
                      </tr>
                      <tr>
                        <td class="diffont">&lt;td&gt;</td>
                        <td>Table Data</td>
                        <td>Used to add a cell of data to a table</td>
                      </tr>
                      <tr>
                        <td class="diffont">&lt;tfoot&gt;</td>
                        <td>Table Foot</td>
                        <td>The set of rows defining the footer in a table.
                        </td>
                      </tr>
              </tbody>
         </table>
<h2 class="table2">Table Attributes</h2>
         <table class="table">
            <thead>
                <tr>
                    <th>Tag</th>
                    <th>Name</th>
                    <th>Description</th>
                  </tr>
                  <tbody>
                          <tr>
                            <td class="diffont">colspan</td>
                            <td>Column span</td>
                            <td>Defines how many columns a td element should span.</td>
                          </tr>
                          <tr>
                            <td class="diffont">rowspan</td>
                            <td>Row Span</td>
                            <td>Defines how many rows a td element should span.</td>
                          </tr>
                  </tbody>
                </thead>
            </table>
        </body>
    </html>

## styles.css
body {
    background-color: rgb(103, 138, 138);
    text-align: center;
}
tbody, td {
    background-color: rgb(46, 142, 221);
    border-bottom: 1px solid white;
    text-align: left;
    position: center;

}

table {
    margin-left:auto;
    margin-right:auto;
    border: 1px solid black;
    font-family: Arial, Helvetica, sans-serif;
    table-layout: auto;
    width: 600px;
    height: auto;
  }

.head3 {
    border-bottom: 1px solid rgb(151, 16, 16);
  }

thead {
    background-color: gray;
}
.diffont {
    font-family: monospace;
    background-color:    grey;
    opacity: 75%;
}

h1, h2 {
    font-family: Arial, Helvetica, sans-serif;
}
	<!DOCTYPE html>
	<html>
	<head>
	<!--benomac's html tabel yo!-->
	<link href="styles.css" type="text/css" rel="stylesheet">
	<title>Table Tag Cheat Sheet</title>
	</head>
	<body>
	<h1>HTML Table Reference</h1>
	<h2 class="table2">Table Tags</h2>
	<table>
	<thead>
	<tr>
	<th>Tag</th>
	<th>Name</th>
	<th>Description</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td class="diffont"><table></td>
	<td>Table</td>
	<td>The wrapper element for all HTML tables.</td>
	</tr>
	<tr>
	<td class="diffont"><thead></td>
	<td>Table Head</td>
	<td>The set of rows defining the column headers in a table.
	</td>
	</tr>
	<tr>
	<td class="diffont"><tbody></td>
	<td>Table Body</td>
	<td>The set of rows containing actual table data.
	</td>
	</tr>
	<tr>
	<td class="diffont"><tr></td>
	<td>Table Row</td>
	<td>The table row container.
	</td>
	</tr>
	<tr>
	<td class="diffont"><td></td>
	<td>Table Data</td>
	<td>Used to add a cell of data to a table</td>
	</tr>
	<tr>
	<td class="diffont"><tfoot></td>
	<td>Table Foot</td>
	<td>The set of rows defining the footer in a table.
	</td>
	</tr>
	</tbody>
	</table>
	<h2 class="table2">Table Attributes</h2>
	<table class="table">
	<thead>
	<tr>
	<th>Tag</th>
	<th>Name</th>
	<th>Description</th>
	</tr>
	<tbody>
	<tr>
	<td class="diffont">colspan</td>
	<td>Column span</td>
	<td>Defines how many columns a td element should span.</td>
	</tr>
	<tr>
	<td class="diffont">rowspan</td>
	<td>Row Span</td>
	<td>Defines how many rows a td element should span.</td>
	</tr>
	</tbody>
	</thead>
	</table>
	</body>
	</html>
	body {
	background-color: rgb(103, 138, 138);
	text-align: center;
	}
	tbody, td {
	background-color: rgb(46, 142, 221);
	border-bottom: 1px solid white;
	text-align: left;
	position: center;

	}

	table {
	margin-left:auto;
	margin-right:auto;
	border: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	table-layout: auto;
	width: 600px;
	height: auto;
	}

	.head3 {
	border-bottom: 1px solid rgb(151, 16, 16);
	}

	thead {
	background-color: gray;
	}
	.diffont {
	font-family: monospace;
	background-color: grey;
	opacity: 75%;
	}

	h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	}