Skip to content

Instantly share code, notes, and snippets.

@codecademydev

codecademydev/index.html Secret

Created April 4, 2020 21:28
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/b99cded511c4caca01966bd4f01b0344 to your computer and use it in GitHub Desktop.
Save codecademydev/b99cded511c4caca01966bd4f01b0344 to your computer and use it in GitHub Desktop.
Download ZIP
Codecademy export
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>
DNightOwl Cheat-Sheat
</title>
<link href="styles.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<header class="header">
<span>HTML & CSS Cheat-Sheat</span>
</header>
<main class="main">
<table class="page-sections">
<tbody>
<tr>
<th>HTML</th>
<td class="content" rowspan="2">
<section>
<h1>HTML Table Reference</h1>
<table>
<tbody>
<tr>
<th scope="row" rowspan="12" class="tag-header">
Lists
</th>
<th scope="col" colspan="3">Tags</th>
</tr>
<tr class="titles">
<th>Tag</th>
<th>Name</th>
<th>Description</th>
</tr>
<tr>
<td id="ulist"><span>&lt;ul&gt;</span></td>
<td>Unordered List</td>
<td>To create a bulleted list of items in no particular order.</td>
</tr>
<tr>
<td id="olist"><span>&lt;ol&gt;</span></td>
<td>Ordered List</td>
<td>To create a numbred list of items in a sequential order.</td>
</tr>
<tr>
<td><span>&lt;li&gt;</span></td>
<td>List Item</td>
<td>
Used to describe a list item inside:
<br>
- Ordered List <span>&lt;ol&gt;</span><br>
- Unordered List <span>&lt;ul&gt;</span>
</td>
</tr>
<tr>
<th scope="col" colspan="3">Attributes</th>
</tr>
<tr class="titles">
<th>Attribute</th>
<th>Name</th>
<th>Description</th>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<th scope="col" colspan="3">Examples:</th>
</tr>
<tr class="titles">
<th colspan="2">Code</th>
<th>Result</th>
</tr>
<tr>
<td class="code" colspan="2">
<br><br>
<p>
&lt;ul&gt;
<br>
&nbsp;&nbsp;&nbsp;&lt;li&gt;item&lt;/li&gt;
<br>
&nbsp;&nbsp;&nbsp;&lt;li&gt;item&lt;/li&gt;
<br>
&nbsp;&nbsp;&nbsp;&lt;li&gt;item&lt;/li&gt;
<br>
&lt;/ul&gt;
</p>
<br>
<p>
&lt;ol&gt;
<br>
&nbsp;&nbsp;&nbsp;&lt;li&gt;item&lt;/li&gt;
<br>
&nbsp;&nbsp;&nbsp;&lt;li&gt;item&lt;/li&gt;
<br>
&nbsp;&nbsp;&nbsp;&lt;li&gt;item&lt;/li&gt;
<br>
&lt;/ol&gt;
</p>
</td>
<td class="result">
<br><br>
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<br>
<ol>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
</td>
</tr>
</tbody>
</table>
</section>
</td>
<th>CSS</th>
</tr>
<tr>
<!--CSS list-->
<td class="list">
<ul>
<li class="title-list">
<p>Lists:<p>
<ul class="sub-list">
<li><a href="#ulist">Unordered Lists</a></li>
<li><a href="#olist">Ordered Lists</a></li>
</ul>
</li>
<!--<li class="title-list">
<p>2</p>
</li>
<li class="title-list">
<p>3</p>
</li>-->
</ul>
</td>
<!--HTML list-->
<td class="list">
<ul>
<li class="title-list">-</li>
<li class="title-list">-</li>
<li class="title-list">-</li>
</ul>
</td>
</tr>
</tbody>
</table>
</main>
</body>
<footer class="footer">
<p>
Created as a project in the Web Development course at <a href="https://www.codecademy.com/">Codecademy</a>
<br>
By Afilal Lamiaa, @D.NightOwl, 2020.
</p>
</footer>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment