Everyone that writes content on the web should know a little HTML. This is a cheat sheet for the most common used HTML elements I've seen that are supported in multiple browsers, tools, and CMS software.
Text Structure
blockquote, br, h1, h2, h3, h4, h5, h6, p
Example:
A pessimist is one who makes difficulties of his opportunities and an optimist is one who makes opportunities of his difficulties.
Harry S. Truman
<blockquote cite="http://www.brainyquote.com/quotes/authors/h/harry_s_truman.html">
<p>A pessimist is one who makes difficulties of his opportunities
and an optimist is one who makes opportunities of his difficulties.</p>
<p>Harry S. Truman</p>
</blockquote>
HTML Elements
a, abbr, acronym, code, del, em, ins, img, pre, sub, sup, strike, strong
Notes:
- The image element (img) should include an alt="" attribute that is a description of the image.
- Declining in use; b (use strong), i (use em).
- The element strike could be used for formatting, but if used to denote editing, del should be used instead.
Example:
HTML or HTML 4.01 is an abbreviation, whereas, GUI is an acronym. I added text then removed it.
<p>
<abbr title="Hyper Text Markup Language">HTML</abbr> or <a title="HTML 4.01 Specification"
href="http://www.w3.org/TR/html4/">HTML 4.01</a> is an abbreviation,
whereas, <acronym title="Graphical User Interface">GUI</title> is an acronym.
I <ins>added</ins> text then <del>removed</del> it. </acronym>
</p>
Lists
dl, dt, dd, li, ol, ul
Example:
<ul>
<li>apples</li>
<li>peaches</li>
<li>pears</li>
</ul>
Tables
caption, table, td, th, tr
Grouping: tbody, thead, tfoot
Example:
| Column One | Column Two |
| cell one |
cell two |
| cell three |
cell four |
Table caption
<table>
<tr>
<th>Column One</th>
<th>Column Two</th>
</tr>
<tr>
<td>cell one</td>
<td>cell two</td>
</tr>
<tr>
<td>cell three</td>
<td>cell four</td>
</tr>
<caption>Table caption</caption>
</table>
Content Formatting
br, div, hr, span
Elements To Avoid
center, font, s, u
References