Skip to content

Instantly share code, notes, and snippets.

@codecademydev

codecademydev/index.html Secret

Created July 21, 2020 08:30
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/f4f646a6e53ced582249e46f8438b431 to your computer and use it in GitHub Desktop.
Save codecademydev/f4f646a6e53ced582249e46f8438b431 to your computer and use it in GitHub Desktop.
Download ZIP
Codecademy export
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Mitsos' cheatsheet</title>
<link href="./styles.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<h1>HTML Table Reference</h1>
</header>
<main>
<h2 class="theader">Table Tags</h2>
<table>
<thead>
<tr>
<th>Tag</th>
<th>Name</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<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>
</tbody>
</table>
<br>
<br>
<hr>
<h2 class="theader">Table Attributes</h2>
<table>
<thead>
<tr>
<th>Attribute</th>
<th>Name</th>
<th>Description</th>
</tr>
</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>
</main>
<br>
<br>
<br>
<footer>
<h5>Created by Dimitris K.</h5>
</footer>
</body>
</html>
Raw
styles.css
table, th, td {
border: 1px solid DarkSlateGrey;
border-radius: 6px;
}
html {
font-family: Lucida Console;
font-size: 14px;
background-color: LightSlateGrey;
}
header {
font-size: 18px;
text-align: center;
color: DarkSlateGrey;
background-color: Grey;
border: 5px solid DimGrey;
border-radius: 30px;
padding: 10px;
margin: 40px;
}
th {
font-size: 16px;
color: DarkSlateGrey;
background-color: Grey;
}
.theader {
text-align: center;
color: DarkSlateGrey;
}
hr {
border: 2px solid DimGrey;
border-radius: 5px;
}
footer {
color: DarkSlateGrey;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment