HTML Cheat Sheet

Use this HTML cheat sheet to quickly find the code you need. All you need to do is copy (from this cheat sheet) and paste into your website's code. If need be, you can change the values to suit your particular situation.

Text

CodeResult

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
More info: <h1>, <h2>, <h4>, <h4>, <h5>, and <h6>.
CodeResult

Normal paragraph text.

More info: HTML <p> tag
CodeResult

I feel a line break coming...
...up.
More info: <br>
CodeResult

Bold text.
More info: <b>
CodeResult

Italic text.
More info: <i>
CodeResult

Color text and another color, and now back to the same. Oh, and here's a different background color just in case you need it!

CodeResult

Text size using points.

Text size using pixels.

Text size using relative sizes.

CodeResult

Preferred serif font.

CodeResult

Preformatted text 
displays just 
  as you 
type it...
  ...line breaks,
   spaces... 
  ...and all!	
More info: <pre>
CodeResult

Teletype text - sometimes referred to as typewriter text.
More info: <tt>
CodeResult

Citation text.
More info: <cite>
CodeResult

Emphasized text.
More info: <em>
CodeResult

Code text.
More info: <code>
CodeResult

Big text.
More info: <big>
CodeResult

Small text.
More info: <small>
CodeResult

Here's a blockquote:

Contents should not be swallowed. This is due to the enormous amount of harmful chemicals that has gone into this burger.

That was a blockquote.

More info: <blockquote>
CodeResult

Delete this text.
More info: <del>
CodeResult

Insert this text.
More info: <ins>
CodeResult

Keyboard text - text to be entered by the user.
More info: <kbd>
CodeResult

Quotation text.
More info: <q>
CodeResult

Sample text (output from a computer program).
More info: <samp>
CodeResult

Variable text.
More info: <var>
CodeResult

Definition.: To define the meaning of a word, phrase or term.
More info: <dfn>

Images

CodeResult

Basic image:

Milford Sound in New Zealand
More info: <img>.
CodeResult

Image with border:

Milford Sound in New Zealand
CodeResult

Linked image:

Milford Sound in New Zealand
CodeResult

Linked image with no borders:

Milford Sound in New Zealand
More info: Image Link Code.

Tables

CodeResult

Table cell 1Table cell 2
CodeResult

Table headerTable header
Table cell 1Table cell 2
CodeResult

Table header
Table cell 1Table cell 2
CodeResult

Table headerTable cell 1
Table cell 2
CodeResult

Table headerTable cell 1
Table cell 2

Forms

CodeResult

More info: <input>.
CodeResult

More info: <textarea>.
CodeResult

Option 1 Option 2
More info: <input>.
CodeResult

Option 1 Option 2
More info: <input>.
CodeResult

More info: <select>.
CodeResult

More info: <input>.
CodeResult

More info: <button>.
CodeResult

CodeResult

  1. List item 1
  2. List item 2
  3. List item 3
More info: <ol>, <li>, HTML Lists.
CodeResult

  • List item 1
  • List item 2
  • List item 3
More info: <ul>, <li>, HTML Lists.
CodeResult

Term 1
Definition of term 1
Term 2
Definition of term 2
More info: <dl>, <dt>, <dd>, HTML Lists.

Inline Frames

CodeResult

More info: <iframe>.

Frames

CodeResult

View the result

The frameset page:

The left frame frame_example_left.html:

The right frame frame_example_right.html:

Enjoy this page?

Sponsored Link: Design CODE-FREE Websites

Check a Domain:

ZappyHost Logo
ZappyHost Banner Ad