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 |
|
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment