HTML Help

Need HTML help? You've come to the right place.

Copy/Paste HTML Codes

Below you will find HTML codes that you can copy and paste right into your website or MySpace page etc. And if you still need HTML help, check out the table on the second part of the page - it should steer you in the right direction.

Description Code Result

Text

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs

Normal paragraph text.

Line Break I feel a line break coming... <br /> ...up. I feel a line break coming...
...up.

Bold Text <b>Bold text.</b> Bold text.

Italic Text <i>Italic text.</i> Italic text.

Color Text

Color text.

Text Size

Text size using points.

Text size using pixels.

Text size using relative sizes.

Font Family

Preferred serif font.

Preformatted Text

Preformatted text displays just as you type it...
		...line breaks, spaces and all!

Teletype Text <tt>Teletype text - sometimes referred to as typewriter text.</tt> Teletype text - sometimes referred to as typewriter text.

Citation Text <cite>Citation text.</cite> Citation text.

Emphasized Text <em>Emphasized text.</em> Emphasized text.

Code Text <code>Code text.</code> Code text.

Big Text <big>Big text.</big> Big text.

Small Text <small>Small text.</small> Small text.

Blockquote

The label says:

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

Deleted Text <del>Delete this text.</del> ~~Delete this text.~~

Inserted Text <ins>Insert this text.</ins> Insert this text.

Keyboard Text <kbd>Keyboard text - text to be entered by the user.</kbd> Keyboard text - text to be entered by the user.

Quotation Text <q>Quotation text.</q> Quotation text.

Sample Text <samp>Sample text (output from a computer program).</samp> Sample text (output from a computer program).

Variable Text <var>Variable text.</var> Variable text.

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

Images

Image <img src="/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" />

Image with Border <img src="/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" border="5" />

Linked Image <a href="http://www.quackit.com/travel/new_zealand/milford_sound"><img src="/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /></a>

Linked Image with no Border <a href="http://www.quackit.com/travel/new_zealand/milford_sound"><img src="/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" border="0" /></a>

Tables

Basic Table

Table cell 1

Table cell 2

Table with cellpadding, cellspacing, and width attributes

Table cell 1

Table cell 2

Table with a Header Row

Table header	Table header
Table cell 1	Table cell 2

Table with colspan Applied

Table header
Table cell 1	Table cell 2

Table with rowspan Applied

Table header	Table cell 1
Table header	Table cell 2

Table with CSS Applied

Table header	Table header
Table cell 1	Table cell 2

Forms

Basic Form Tags (insert all form elements between these tags)

Text Input <input type="text" size="30" value="Type something..." />

Text Area <textarea cols="10" rows="5">Type something</textarea> Type something

Radio Buttons <input type="radio" name="cheat_sheet_example" value="Option1" /> Option 1 <input type="radio" name="cheat_sheet_example" value="Option2" /> Option 2 Option 1 Option 2

Checkboxes <input type="checkbox" name="cheat_sheet_example" value="Option1" /> Option 1 <input type="checkbox" name="cheat_sheet_example" value="Option2" /> Option 2 Option 1 Option 2

Select List <select name="cheat_sheet_example"><option value="Option1">Option 1<option value="Option2">Option 2<option value="Option3">Option 3</select>

Submit Button <input type="submit" value="Send Away!" />

Image Button <input type="image" src="/pix/smile.gif" />

Lists

Ordered list (numbered list)

List item 1
List item 2
List item 3

Unordered list (unnumbered list)

List item 1
List item 2
List item 3

Definition list

Term 1: Definition of term 1
Term 2: Definition of term 2

Frames

Inline Frame <iframe src="/pix/milford_sound/milford_sound_t.jpg" width="200" height="150" scrolling="auto" frameborder="1">  Your browser doesn't support inline frames. </iframe>  Your browser doesn't support inline frames.

Frames

The frameset (frame_example_frameset_1.html):

The left frame (frame_example_left.html):

The right frame (frame_example_right.html):

View the result

Need More Help?

In the following table, the left column contains an HTML topic, the right column provides links to where you can find help about that topic.

For this...	do this...
HTML help with tables	Scan the HTML table tutorial Check out the HTML table generator See the HTML table tag Learn about the CSS table-layout property to make large tables load faster Have a look at the CSS table-layout example
HTML help with images	See the HTML img tag Check out the GIF vs JPEG article Have a look at the animated GIF sample If you need help with an image map, check out the article on image maps
HTML help with hyperlinks	Learn about the HTML a tag To change the look of hyperlinks, see the CSS hyperlinks article If you need to set a default URL for hyperlinks, have a look at the HTML base tag
HTML help with image maps	Make sure you're familiar with the HTML img tag Read the image maps article For a more detailed understanding, learn about the HTML map tag and the HTML area tag
HTML help with fonts	Read the HTML font code article The above article suggests using CSS for fonts. In particular, learn about the following CSS properties: CSS font, CSS font-family, CSS font-size, CSS font-style, CSS font-weight CSS has other properties that can assist with text formatting and layouts. For example, CSS line-height, CSS letter-spacing, CSS text-transform, CSS text-align. There are many other CSS properties so, you might like to peruse the complete list of CSS properties to see what properties can assist you with your layouts.
HTML help with embedding music/audio/sound	Read the HTML music code article
HTML help with color	Read the hex color codes article View the html color code chart containing the 216 web safe colors Read about the CSS color property
HTML help with numbered (ordered) lists	Learn about the HTML ol tag
HTML help with unnumbered (unordered) lists	Learn about the HTML ul tag
HTML help with definition lists	Learn about the HTML dl tag
HTML help with forms	Learn about the HTML form tag You might also like to learn about the HTML fieldset tag, HTML legend tag
HTML help with frames	Learn about the HTML frameset tag
HTML help with inline frames	Learn about the HTML iframe tag You may also be interested in the CSS scrollbars article for creating a similar effect to inline frames
HTML help with metadata	Learn about the HTML meta tag
HTML help with HTML redirects	Read the HTML redirect article This article refers to the HTML meta tag for performing client side redirects
HTML help with adding JavaScript to a web page	Learn about the HTML script tag To learn about JavaScript, see the JavaScript page
HTML help with event handlers/intrinsic events	Learn about the JavaScript event handlers Peruse the complete list of HTML tags to see which intrinsic events work with which tags

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/html/html_help.cfm">HTML Help</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites