Skip to content

Instantly share code, notes, and snippets.

@codecademydev
Created February 5, 2020 02:03
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save codecademydev/ff2ce9eef667cfbe6bb041e9ce134d80 to your computer and use it in GitHub Desktop.
Save codecademydev/ff2ce9eef667cfbe6bb041e9ce134d80 to your computer and use it in GitHub Desktop.
Codecademy export
<!DOCTYPE html>
<html>
<head>
<title>Cheat Sheet</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>HTML5 Cheat Sheet</h1>
<table>
<thead>
<tr>
<th>Tag</th>
<th>Name</th>
<th>Basic Explanation</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>footer</code></td>
<td>Footer</td>
<td>Use for content in the Footer</td>
</tr>
<tr>
<td><code>header</code></td>
<td>Header</td>
<td>Put your h1's here</td>
</tr>
<tr>
<td><code>main</code></td>
<td>Main</td>
<td>Your main content goes here</td>
</tr>
<tr>
<td><code>column</code></td>
<td>Column</td>
<td>Use this for your columns</td>
</tr>
<tr>
<td><code>side</code></td>
<td>Side</td>
<td>Side article? Here</td>
</tr>
<tr>
<td class="last"><code>article</code></td>
<td class="last">Article</td>
<td class="last">And.... your main article and that jazz</td>
</tr>
</tbody>
</table>
</body>
</html>
table {
text-align: center;
border-right: 2px solid darkblue;
border-left: 2px solid darkblue
}
td {
border-top: 1px solid black;
padding: 1px 10px 1px 10px;
font-family: Arial, Helvetica, sans-serif;
}
.last {
border-bottom: 1px solid black;
}
th {
border-top: 1px solid blue;
font-family: Georgia, 'Times New Roman', Times, serif;
background-color: cyan;
}
code {
background-color: #e6e7e8;
}
@22aamott22
Copy link

i don;t get it

@krakozhia
Copy link

The index.html is missing in the 5th row " type="text/css" " otherwise it does not link the css file to the html and the styling does not take affect since it is not connected.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment