HTML Cheat Sheet

Basic HTML Structure

<html>
 <head>
  <title>website title</title>
 </head>
 <body>
  content of website ...
 </body>
</html>

Tag Attributes

<img> Tag Attributes:-- 
src="url"--URL or filename of image (required!)
alt="text"--Alternate Text (required!)
align="?"--Image alignment within surrounding text 
width="??"--Image width (in pixels or %)
height="??"--Image height (in pixels or %)
border="??"--Border thickness (in pixels)  
vspace="??"--Space above and below image (in pixels)  
hspace="??"--Space on either side of image (in pixels)

Basics

 <h?> ... </h?>--Heading (?= 1 for largest to 6 for smallest, eg h1)
<p> ... </p>--Paragraph of Text
<b> ... </b>--Bold Text
<a href="url"> ... </a>--Basic Link

Linking Tags

<a href="url"> link text </a>Basic Link
<a> Tag Attributes: 
href="url"--Location (url) of page to link to.
name="??"--Name of link (name of anchor, or name of bookmark)
target="?"--Link target location: _self, _blank, _top, _parent.
href="url#bookmark"--Link to a bookmark (defined with name attribute).
href="mailto:email"--Link which initiates an email (dependant on user's email client).

Basics

 <h?> ... </h?>--Heading (?= 1 for largest to 6 for smallest, eg h1)
<p> ... </p>--Paragraph of Text
<b> ... </b>--Bold Text
<a href="url"> ... </a>--Basic Link

Images

<img> Tag Attributes:-- 
src="url"--URL or filename of image (required!)
alt="text"--Alternate Text (required!)
align="?"--Image alignment within surrounding text 
width="??"--Image width (in pixels or %)
height="??"--Image height (in pixels or %)
border="??"--Border thickness (in pixels)  
vspace="??"--Space above and below image (in pixels)  
hspace="??"--Space on either side of image (in pixels)

Lists

<ol> ... </ol>--Ordered List
<ul> ... </ul>--Un-ordered List
<li> ... </li>--List Item (within ordered or unordered)
<ol type="?">--Ordered list type: --A, a, I, i, 1
<ol start="??">--Ordered list starting value
<ul type="?">--Unordered list bullet type: --disc, circle, square
<li value="??">--List Item Value (changes current and subsequent items)
<li type="??">--List Item Type (changes only current item)
<dl> ... </dl>--Definition List
<dt> ... </dt>--Term or phrase being defined
<dt> ... </dt>--Term or phrase being defined
<dd> ... </dd>--Detailed Definition of term

Special Characters

&lt;--< - Less-Than Symbol
&gt;--> - Greater-Than Symbol
&amp;--& - Ampersand, or 'and' sign
&quot;--" - Quotation Mark
&copy;--© - Copyright Symbol
&trade;-- - Trademark Symbol
&nbsp;--  - A space (non-breaking space)
References: Simple Guide HTML