My Ultimate HTML Cheatsheet
These are notes I'm taking to remind myself what I'm learning from the HTML course on Codecademy. They're mostly for my own benefit but maybe you'll appreciate them too! Let me know if there's any I've forgotten :)
HEADING 1
<h1>HEADING 1</h1>
HEADING 2
<h2>HEADING 2</h2>
HEADING 3
<h3>HEADING 3</h3>
HEADING 4
<h4>HEADING 4</h4>
HEADING 5
<h5>HEADING 5</h5>
HEADING 6
<h6>HEADING 6</h6>
PARAGRAPH
<p>PARAGRAPH</p>
BOLD TEXT
<strong>{BOLD TEXT</strong>
ITALICISED TEXT
<em>ITALICISED TEXT</em>
- UNORDERED LIST ITEM
- UNORDERED LIST ITEM
<ul>
<li>UNORDERED LIST ITEM</li>
<li>UNORDERED LIST ITEM</li>
</ul>
- ORDERED LIST ITEM
- ORDERED LIST ITEM
<ol>
<li>ORDERED LIST ITEM</li>
<li>ORDERED LIST ITEM</li>
</ol>
| TABLE (OPTIONAL) | COLUMN HEADING | COLUMN HEADING |
|---|---|---|
| ROW HEADING | CELL CONTENTS | CELL CONTENTS |
| ROW HEADING | CELL CONTENTS | CELL CONTENTS |
<table>
<thead>
<tr>
<th>TABLE (OPTIONAL)</th>
<th scope="col">COLUMN HEADING</th>
<th scope="col">COLUMN HEADING</th>
</tr>
</thead>
<tbody>
<tr>
<th>ROW HEADING</th>
<td>CELL CONTENTS</td>
<td>CELL CONTENTS</td>
</tr>
<tr>
<th>ROW HEADING</th>
<td>CELL CONTENTS</td>
<td>CELL CONTENTS</td>
</tr>
</tbody>
</table>
MISCELLANEOUS
Line break
<br />
OR
<br>
Horizontal Line
<hr>
Image
<img src="URL" alt="ALT TEXT" />
Video
<video src="URL" width="NUMBER" height="NUMBER" controls>
Video not supported
</video>
Anchor (Hyperlink)
<a href="{URL}" target="_blank">TEXT</a>
Boilerplate Code
<!DOCTYPE html>
<html>
<head>
<title>{INSERT TITLE HERE}</title>
</head>
<body>
{INSERT BODY HERE}
</body>
</html>
Congratulations @orangejelly! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOP