Heading 1 Level One

Sub Heading 2 Level Two

Heading 3 Level Three

This is the way body text or a paragraph will look. You may need to make some text a different color or font within the same paragraph. Use the break element to create a new line in the same paragraph block.
Note: use span tag to separate and change the look of inline elements to be different from the rest of the block element.

We will use Adobe Dreamweaver CS3 for most of our work. However, it is helpful to know the syntax (code structure) of basic html (hypertext markup language) before we start the design work. Once we complete some of the the basics in single html page, we will link to a second page to see how hyperlinks work. Strictly speaking a link is really an anchor tag which can either link to a new file or point to a named anchor elsewhere on the same or different page. This link with take us to the named anchor on our page where we have examples of lists.

Graphic rendering of face, bold colors.
Note: Inline images must be in a block element like a paragraph or division.


There are three types of lists (h2):

This is an unordered list (h3).

This is an ordered list (h3).

  1. Create a folder location for your site files.
  2. Inside create folders for images and css.
  3. Define your Dreamweaver site.

This is a definition list (h3)

Definition Term
Definition description for example 1
Example 2
Definition description for example 2

This is a table with headers, rows and cells (h2).

Table Header 1 Table Header 2 Table Header 1
Row 1: Cell 1 Row 1: Cell 2 Row 1: Cell 3
Row 2: Cell 1 Row 2: Cell 2 Row 2: Cell 3
My Name myname@mydesigns.com

2/18/07 My Designs ©2007