Skip to content

Instantly share code, notes, and snippets.

@codecademydev
Created June 20, 2020 14:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save codecademydev/955f4b939c7dcddc381dd1d949e353b5 to your computer and use it in GitHub Desktop.
Save codecademydev/955f4b939c7dcddc381dd1d949e353b5 to your computer and use it in GitHub Desktop.
Codecademy export
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Cheat Sheet</title>
</head>
<body>
<div class="title">
<h1>Cheat Sheet</h1>
<br>
<h3>HTML Tables</h3>
</div>
<table class="table">
<tr>
<th>Tag</th>
<th>Name</th>
<th>Description</th>
</tr>
<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;td&gt;</td>
<td>Table Data</td>
<td>The table row container.</td>
</tr>
<tr>
<td>&lt;tfoot&gt;</td>
<td>Table Foot</td>
<td>The set of rows defining the footer in a table.</td>
</tr>
</table>
<br>
<h3 class="title" >Table Attributes</h3>
<table class="table">
<tr>
<th>Attribute</th>
<th>Name</th>
<th>Description</th>
</tr>
<tr>
<td>colspan</td>
<td>Column Span</td>
<td>The wrapper element for all HTML tables.</td>
</tr>
<tr>
<td>rowspan</td>
<td>Row Span</td>
<td>The set of rows defining the column headers in a table.</td>
</tr>
</table>
</body>
</html>
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: cadetblue;
color: darkorange;
}
th {
font-size: 20px;
}
.title {
text-align: center;
}
.table {
border: 2px solid black;
padding: 7px;
margin-left: auto;
margin-right: auto;
background-color: darkcyan;
border-radius: 15px;
}
tr,td,th {
border: 2px solid black;
padding: 5px;
color: darkorange;
border-radius: 5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment