Cheatography
https://cheatography.com
HTML Basics cheat sheet covering the most common tags need to make simple web pages.
Basic Structure<!DOCTYPE>
| Version of HTML | <html>
| HTML document | <head>
| Page Information | <body>
| Page Contents |
Page information<meta />
| Metadata | <title>
| Title | <link />
| Link to resource | <style>
| Style resource | <script>
| Script resource |
Lists<ol>
| Ordered list | <ul>
| Unordered list | <li>
| List item | <dl>
| Definition list | <dt>
| Definition term | <dd>
| Term description |
Document Structure<h[1-6]>
| Heading | <div>
| Page section | <span>
| Inline section | <p>
| Paragraph | <br />
| Line break | <hr />
| Horizontal rule |
Void (Self-closing, empty) Tags<img />
| <meta /> | <input />
| <hr /> | <link />
| <br /> |
Text Markup<strong>
| strong emphasis | <em>
| Emphasis | <blockquote>
| Long quotation | <q>
| Short quotation | <abbr>
| Abbreviation | <acronym>
| Acronym | <address>
| Address | <pre>
| Pre-formatted text | <code>
| Code | <cite>
| Citation | <sub>
| Subscript | <sup>
| Superscript |
| | Links<a href="">
| Page link | <a href="mailto:">
| Email link | <a name="name">
| Anchor link | <a href="#name">
| Link to anchor |
Forms<form>
| Form | <fieldset>
| Collection of fields | <legend>
| Form legend | <label>
| Input label | <input />
| Form input | <select>
| Drop-down box | <optgroup>
| Group of options | <option>
| Drop-down options | <textarea>
| Large text input | <button>
| Button |
Tables<table>
| <caption>
| <thead>
| <tbody>
| <tfoot>
| <colgroup>
| <col />
| <tr>
| <th>
| <td>
|
HTML5 Semantic Tags<article>
| Article | <aside>
| Outside the main flow of the narrative | <details>
| Details of an element | <figure>
| Group of media content and their caption | <footer>
| Footer for a section or page | <header>
| Header for a section or page | <mark>
| Marked text | <nav>
| Navigation links | <section>
| Section of page or article |
|
Help Us Go Positive!
We offset our carbon usage with Ecologi. Click the link below to help us!
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment