How to Make an HTML Cheat Sheet

Whether you are a seasoned Web master or a neophyte blogger, having an HTML cheat sheet can make formatting and tagging your page much easier. Once you make an HTML cheat sheet, you can use it as a quick reference for all the HTML tags essential to making your layout look lovely and neat.

Difficulty: Moderately Challenging

Instructions

Things You'll Need:

• Text editor
• Printer

1. Make a table. Open up your favorite word processor and create a table with three columns and at least five rows. Label the first column "Tag," the second "Description" and the third "Example."

2. Fill in each field with the appropriate information. The headings should be self explanatory. In the first column, write out the tag. In the second, describe what the tag does and in the third, type an example.

3. Fill in basic tags. These are the tags you'll need in every HTML document. They are . These should be included at the beginning of every document in this order.

4. Fill in the title tag. The title tag is used to put the name of the page in the title bar. This should be surrounded by the head tags. For example, .

5. Fill in the body tags. These modifiers go within the head tag and change the look of the entire page. The modifier "bgcolor" changes the background color, "text" changes the text color, "link" sets the link color, "vlink" sets the color of visited links and "alink" sets the color of active links. For the colors, use a name or hex value. For example, .

6. Fill in the text tags. These tags are used to format specific lines of texts.

    creates preformatted text, 
    creates a headline (you can change the number 1 through 6 to make the size different)  bolds the text,  makes italics,  makes a citation,  changes the text size,  changes font color. Each tag must be opened and closed, for example . These text tags will make a line of bold, italic and black small text:  
   
   							

7. Fill in the hyperlink text. To create a link, use the "" tag. Fill in the web address of the destination link and type the displayed link text between the tags. For example Click Here for Simple, Straightforward Instructions .

8. Fill in the image tag. To insert an image in a page, use the tag. For example,

9. Add formatting tags.
   inserts a line break,

   creates a new paragraph,

   creates a bulleted list and
   • denotes an item in the list. For example.

     Hello!
     This is my first paragraph. It has

     • The paragraph tag
     • A line break
     • and a Bulleted list
     AWESOME!
     .

   • Add new tags as you learn them. These are just some basic HTML tags. As you grow more proficient with HTML, you can add new tags to your cheat sheet.