codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
<head>
        <title>Cheatsheet: HTML Table Reference</title>
        <link rel="stylesheet" href="./style.css">
</head>
<body>
    <h1>HTML Table Reference</h1>
    <main>
        <div id="tags">
        <h2>Table Tags</h2>


    <table border="1">
        <thead>
        <tr class="color">
            <th>Tag</th>
            <th>Name</th>
            <th>Description</th>
        </tr>
        </thead>
        <tbody>
            <tr class="code">
                <td>&lt;table&gt;</td>
                <td>Table</td>
                <td>The wrapper element for all HTML tables.</td>
            </tr>
            <tr  class="code">
                <td>&lt;thead&gt;</td>
                <td>Table Head</td>
                <td>The set of rows defining the column headers in a table.</td>
            </tr>
            <tr  class="code">
                <td>&lt;tbody&gt;</td>
                <td>Table Body</td>
                <td>The set of rows containing actual table data.</td>
            </tr>
            <tr class="code">
                <td>&lt;tr&gt;</td>
                <td>Table Row</td>
                <td>The table row container.</td>
            </tr>
            <tr  class="code">
                <td>&lt;td&gt;</td>
                <td>Table Data</td>
                <td>The table row container.</td>
            </tr>
            <tr  class="code">
                <td>&lt;tfoot&gt;</td>
                <td>Table Foot</td>
                <td>The set of rows defining the footer in a table.</td>
            </tr>
        </tbody>
    </table>
</div>
<div id="attributes">
    <h2>Table Attributes</h2>
    <table border="1">
        <thead>
            <tr class="color">
            <th>Attribute</th>
            <th>Name</th>
            <th>Description</th>
            </tr>
        </thead>
        <tbody>
            <tr  class="code">
                <td>&lt;colspan&gt;</td>
                <td>Column Span</td>
                <td>Defines how many columns a td element should span.</td>
            </tr>
            <tr  class="code">
                <td>&lt;rowspan&gt;</td>
                <td>Row Span</td>
                <td>Defines how many rows a td element should span</td>
            </tr>
        </tbody>
    </table>
</div>
        </main>
        <br>

        <footer>
            <h5>Made by Lucía V.</h5>
        </footer>
</body>
</html>

## styles.css
#tags, #attributes {
    font-family: Verdana, Arial, Helvetica, sans-serif;

}

.color {
    background-color: rgb(190, 189, 189);
}

h1, h2 {
    font-family: cursive;
    color: rgb(55, 69, 107);
    text-align: center;
    text-decoration: underline;
}

table {
        table-layout: fixed;
        margin: auto;
        border-collapse: collapse;
        border: 3px solid purple;
}

footer {
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.code {
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Cheatsheet: HTML Table Reference</title>
	<link rel="stylesheet" href="./style.css">
	</head>
	<body>
	<h1>HTML Table Reference</h1>
	<main>
	<div id="tags">
	<h2>Table Tags</h2>


	<table border="1">
	<thead>
	<tr class="color">
	<th>Tag</th>
	<th>Name</th>
	<th>Description</th>
	</tr>
	</thead>
	<tbody>
	<tr class="code">
	<td><table></td>
	<td>Table</td>
	<td>The wrapper element for all HTML tables.</td>
	</tr>
	<tr class="code">
	<td><thead></td>
	<td>Table Head</td>
	<td>The set of rows defining the column headers in a table.</td>
	</tr>
	<tr class="code">
	<td><tbody></td>
	<td>Table Body</td>
	<td>The set of rows containing actual table data.</td>
	</tr>
	<tr class="code">
	<td><tr></td>
	<td>Table Row</td>
	<td>The table row container.</td>
	</tr>
	<tr class="code">
	<td><td></td>
	<td>Table Data</td>
	<td>The table row container.</td>
	</tr>
	<tr class="code">
	<td><tfoot></td>
	<td>Table Foot</td>
	<td>The set of rows defining the footer in a table.</td>
	</tr>
	</tbody>
	</table>
	</div>
	<div id="attributes">
	<h2>Table Attributes</h2>
	<table border="1">
	<thead>
	<tr class="color">
	<th>Attribute</th>
	<th>Name</th>
	<th>Description</th>
	</tr>
	</thead>
	<tbody>
	<tr class="code">
	<td><colspan></td>
	<td>Column Span</td>
	<td>Defines how many columns a td element should span.</td>
	</tr>
	<tr class="code">
	<td><rowspan></td>
	<td>Row Span</td>
	<td>Defines how many rows a td element should span</td>
	</tr>
	</tbody>
	</table>
	</div>
	</main>
	<br>

	<footer>
	<h5>Made by Lucía V.</h5>
	</footer>
	</body>
	</html>
	#tags, #attributes {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

	.color {
	background-color: rgb(190, 189, 189);
	}

	h1, h2 {
	font-family: cursive;
	color: rgb(55, 69, 107);
	text-align: center;
	text-decoration: underline;
	}

	table {
	table-layout: fixed;
	margin: auto;
	border-collapse: collapse;
	border: 3px solid purple;
	}

	footer {
	text-align: center;
	font-family: Georgia, 'Times New Roman', Times, serif;
	}

	.code {
	font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
	}