codecademydev/index.html Secret

## index.html
<!doctype html>
<html lang="pt">
<head>
    <title>My Own Cheat Sheet</title>
    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="./styles.css" type="text/css">
</head>
<body>
<header>
    <h1>HTML Table Reference</h1>
</header>
<main>
    <section>
        <h2>Table Tags</h2>
        <table>
            <thead>
            <tr>
                <th scope="col">Tag</th>
                <th scope="col">Name</th>
                <th scope="col">Description</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td><span class="code">&lt;table&gt;</span></td>
                <td>Table</td>
                <td>The wrapper element for all HTML tables.</td>
            </tr>
            <tr>
                <td><span class="code">&lt;thead&gt;</span></td>
                <td>Table Head</td>
                <td>The set of rows defining the column headers in a table.</td>
            </tr>
            <tr>
                <td><span class="code">&lt;tbody&gt;</span></td>
                <td>Table Body</td>
                <td>The set of rows containing actual table data.</td>
            </tr>
            <tr>
                <td><span class="code">&lt;tr&gt;</span></td>
                <td>Table Row</td>
                <td>The table row container.</td>
            </tr>
            <tr>
                <td><span class="code">&lt;td&gt;</span></td>
                <td>Table Data</td>
                <td>The table row container.</td>
            </tr>
            <tr>
                <td><span class="code">&lt;tfoot&gt;</span></td>
                <td>Table Foot</td>
                <td>The set of rows defining the footer in a table.</td>
            </tr>
            </tbody>
        </table>
    </section>
    <section>
        <h2>Table Attributes</h2>
        <table>
            <thead>
            <tr>
                <th scope="col">Attribute</th>
                <th scope="col">Name</th>
                <th scope="col">Description</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td><span class="code">colspan</span></td>
                <td>Column Span</td>
                <td>Defines how many columns a td element should span.</td>
            </tr>
            <tr>
                <td><span class="code">rowspan</span></td>
                <td>Row Span</td>
                <td>Defines how many rows a td element should span.</td>
            </tr>
            </tbody>
        </table>
    </section>
</main>
</body>
</html>

## styles.css

body {
    font-family: 'Montserrat', Arial, sans-serif;
    background-color: rgb(220, 220, 220);
}

h1 {
    text-align: center;
}

h2 {
    color: rgb(98, 120, 153);
    text-align: center;
}

table {
    border: 2px solid rgb(47, 66, 153);
    width: 650px;
    margin: 0 auto;
}

thead {
    background-color: rgb(81, 97, 153);
}

td {
    border-top: 1px solid rgb(63, 119, 204);
}

.code {
    font-family: 'IBM Plex Mono', monospace;
    background-color: rgb(245, 245, 220);
}

th {
    color: rgb(255, 255, 255);
}
	<!doctype html>
	<html lang="pt">
	<head>
	<title>My Own Cheat Sheet</title>
	<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="./styles.css" type="text/css">
	</head>
	<body>
	<header>
	<h1>HTML Table Reference</h1>
	</header>
	<main>
	<section>
	<h2>Table Tags</h2>
	<table>
	<thead>
	<tr>
	<th scope="col">Tag</th>
	<th scope="col">Name</th>
	<th scope="col">Description</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td><span class="code"><table></span></td>
	<td>Table</td>
	<td>The wrapper element for all HTML tables.</td>
	</tr>
	<tr>
	<td><span class="code"><thead></span></td>
	<td>Table Head</td>
	<td>The set of rows defining the column headers in a table.</td>
	</tr>
	<tr>
	<td><span class="code"><tbody></span></td>
	<td>Table Body</td>
	<td>The set of rows containing actual table data.</td>
	</tr>
	<tr>
	<td><span class="code"><tr></span></td>
	<td>Table Row</td>
	<td>The table row container.</td>
	</tr>
	<tr>
	<td><span class="code"><td></span></td>
	<td>Table Data</td>
	<td>The table row container.</td>
	</tr>
	<tr>
	<td><span class="code"><tfoot></span></td>
	<td>Table Foot</td>
	<td>The set of rows defining the footer in a table.</td>
	</tr>
	</tbody>
	</table>
	</section>
	<section>
	<h2>Table Attributes</h2>
	<table>
	<thead>
	<tr>
	<th scope="col">Attribute</th>
	<th scope="col">Name</th>
	<th scope="col">Description</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td><span class="code">colspan</span></td>
	<td>Column Span</td>
	<td>Defines how many columns a td element should span.</td>
	</tr>
	<tr>
	<td><span class="code">rowspan</span></td>
	<td>Row Span</td>
	<td>Defines how many rows a td element should span.</td>
	</tr>
	</tbody>
	</table>
	</section>
	</main>
	</body>
	</html>

	body {
	font-family: 'Montserrat', Arial, sans-serif;
	background-color: rgb(220, 220, 220);
	}

	h1 {
	text-align: center;
	}

	h2 {
	color: rgb(98, 120, 153);
	text-align: center;
	}

	table {
	border: 2px solid rgb(47, 66, 153);
	width: 650px;
	margin: 0 auto;
	}

	thead {
	background-color: rgb(81, 97, 153);
	}

	td {
	border-top: 1px solid rgb(63, 119, 204);
	}

	.code {
	font-family: 'IBM Plex Mono', monospace;
	background-color: rgb(245, 245, 220);
	}

	th {
	color: rgb(255, 255, 255);
	}