Simple guide to HTML cheatsheets for beginner for quick reference, a list of common HTML tags used to create website and emailer.
Basic HTML Structure
<html>
<head>
<title>website title</title>
</head>
<body>
content of website …
</body>
</html>
Tag |
Meaning |
Tag |
Meaning |
| <a> | hyperlink | <hr> | basic horizontal line |
| <abbr> | abbreviation | <html> | html doc |
| <address> | address element | <i> | italic |
| <area> | area inside an image map | <img> | image |
| <article> | article | <input> | input field within form |
| <b> | bold text | <li> | list item |
| <bdo> | direction of text display | <link> | resource reference |
| <blockquote> | text block quote | <map> | image map |
| <body> | body element | <nav> | navigation links |
| <br> | single line break | <object> | embedded object |
| <button> | push button | <ol> | ordered list |
| <canvas> | define graphics | <p> | paragraph |
| <caption> | table caption | <script> | script |
| <col> | table columns | <small> | fineprint size text |
| <div> | section in a document | <source> | media resources |
| <em> | emphasized text | <span> | section document |
| <embed> | external application or interactive content |
<strong> | strong text |
| <front> | font tag | <sup> | superscripted text |
| <form> | specifies a form | <table> | table |
| <h1> | heading level 1 | <tbody> | table body |
| <h2> | heading level 2 | <td> | table cell |
| <h3> | heading level 3 | <th> | header cell within table row |
| <h4> | heading level 4 | <tr> | table row |
| <h5> | heading level 5 | <tt> | typewriter text |
| <head> | information about doc | <ul> | text with a non-textual annotation |
| <header> | group of introductory or navigational aids |
<ul> | unordered list |
Special Characters |
|||
| < | < – less- than symbol | ||
| > | > – greater – than symbol | ||
| & | & – ampersand, or ‘and’ sign | ||
| " | ” – quotation mark | ||
| © | © – copyright symbol | ||
| ™ | ™ – trademark symbol | ||
| | – a space | ||
| &# ? ?; | ISO 8859-1 – replace ? ? with the iso code | ||
At Krome, we specialise in website design and development services. If you or your client are interested in creating a site, it’s time to tell us about your project or have a chat about what we can do. You can contact us here.