My Ultimate HTML Cheatsheet

in #html7 years ago

HTML-5-Logotipo-Oficial.png

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>


  1. ORDERED LIST ITEM
  2. 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>
Sort:  

Congratulations @orangejelly! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes

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

By upvoting this notification, you can help all Steemit users. Learn how here!