-
-
Save codecademydev/ff2ce9eef667cfbe6bb041e9ce134d80 to your computer and use it in GitHub Desktop.
Codecademy export
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; | |
} |
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
i don;t get it