Skip to content

Instantly share code, notes, and snippets.

@codecademydev codecademydev/index.html Secret

Created Apr 8, 2020
Embed
What would you like to do?
Codecademy export
<!DOCTYPE html>
<html>
<head>
<title>CheatSheet</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<nav>
<p><a href="#tags">Tags</a>
<a href="#att">Attributes</a></p>
</nav>
<header>
<h1> HTML Table Reference </h1>
<br>
<h2 id="tags">Table Tags</h2>
</header>
<table>
<thead>
<tr>
<th>Tag</th>
<th>Name</th>
<th colspan="3">Description</th>
</tr>
</thead>
<tbody>
<!----------Table---->
<tr>
<td>(table)</td>
<td>Table </td>
<td colspan="3">he wrapper element for all HTML tables.
</td>
</tr>
<!----------THEAD---->
<tr>
<td>(thead)</td>
<td colspan="1.5">Table Head</td>
<td> The set of rows defining the column headers in a table.
</td>
</tr>
<!--------Table Body------>
<tr>
<td>(tbody)</td>
<td>Table Body</td>
<td>The set of rows containing actual table data.
</td>
</tr>
<!----------Table Row ---->
<tr>
<td>(tr)</td>
<td>Table Row</td>
<td>The table row container.</td>
</tr>
<!----------Table Data---->
<tr>
<td>(td)</td>
<td>Table Data</td>
<td>The table row container.</td>
</tr>
<!---------Table Foot ---->
<tr>
<td>(tfoot)</td>
<td>Table Foot</td>
<td>The set of rows defining the footer in a table.</td>
</tr>
</tbody>
</table>
<h2 id="att">Table Attributes</h2>
<table>
<thead>
<th>Attribute</th>
<th>Name</th>
<th>Description</th>
</thead>
<tbody>
<tr>
<td>(colspan)
</td>
<td>Column Span</td>
<td>Defines how many columns a td element should span.</td>
</tr>
<tr>
<td>(rowspan)</td>
<td>Row Span</td>
<td>Defines how many rows a td element should span.</td>
</tr>
</tbody>
</table>
<footer>
<p> by Gal Zaken </p>
</footer>
</body>
</html>
body {
background-color: black;
}
table{
text-align: center;
margin: 0 auto;
color: white;
}
th {
font-weight: bold;
font-size: 30px;
padding: 0 20px;
}
tr {
}
td {
font-size: 20px;
padding: 0 20px;
}
th, td {
border: 1px solid gray;
}
h1, h2 {
text-align: center;
color: gray;
font-weight: bold;
}
nav {
background-color: gray;
margin: 16px;
}
footer {
color: white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.