Skip to content

Instantly share code, notes, and snippets.

@codecademydev

codecademydev/index.html Secret

Created Aug 5, 2020
Embed
What would you like to do?
Codecademy export
<!DOCTYPE html>
<head>
<title>Acordeon for Web Dev</title>
<nav class="topbar">
<a href="https://www.codecademy.com/learn" target="_blank">My course</a>
</nav>
<link href="styles.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>Project for Web Development</h1>
<h2>Cheatsheet to greatness</h2>
<p>This table will contain the different elements I have learned throughought the CodeCademy cycle.</p>
<section id="tables">
<h3>Table tags</h3>
<p>Tables are my favourite way to display information. It is easy to udnerstand and analyze.</p>
<table id="tablecheat" width="100%">
<tr>
<th>Tag</th>
<th>Name</th>
<th width="60%">Description</th>
</tr>
<tr>
<td>&lt;table&gt;</td>
<td>Table tag</td>
<td>HTML tables allow web developers to arrange data into rows and columns.</td>
</tr>
<tr>
<td>&lt;tr&gt;</td>
<td>Table row tag</td>
<td>The rows do not display data but they define de rows where the data will appear.</td>
</tr>
<tr>
<td>&lt;td&gt;</td>
<td>Table data tag</td>
<td>Each table data/cell is defined with a &lt;td&gt; tag.</td>
</tr>
</table>
</section>
<br>
<section id="table">
<h3>Table attributes</h3>
<table id="CSScheat" width="100%">
<tr>
<th>Tag</th>
<th>Name</th>
<th width="60%">Use</th>
</tr>
<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>
</table>
</section>
</body>
<footer>
<p>By GVB 2020</p>
</footer>
.topbar {
background-color: #36393B;
font-family: Futura;
color: #F4F1ED;
font-weight: bold;
font-size: 15px;
text-align: right;
padding: 5px;
}
.topbar a {
color: #F4F1ED;
}
a {
color: #50B6FA;
}
body {
background-color: #F4F1ED;
margin-top: 10px;
margin-bottom: 50px;
margin-right: 80px;
margin-left: 80px;
}
h1 {
font-family: Futura;
color: #36393B;
font-weight: bold;
}
h2 {
font-family: Georgia;
color: #D7BD86;
font-weight: bold;
font-size: 20px;
}
h3 {
font-family: Futura;
color: #36393B;
font-weight: bold;
font-size: 18px;
}
p {
font-family: Futura;
color: #36393B;
font-size: 13px;
}
th {
background-color: #E7E3D8;
font-family: Futura;
color: #36393B;
font-weight: bold;
font-size: 15px;
text-align: left;
padding: 5px;
}
td {
font-family: Futura;
color: #36393B;
font-size: 13px;
}
table, tr, td {
border: 2px solid #E7E3D8;
border-collapse: collapse;
padding: 5px;
}
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.