Internet Marketing Tools: Part Six HTML Basics

If you're doing business on the Internet, learning some basic web design skills is an absolute must. Not only will you have the ability to create your own web pages, but you'll also save yourself a great deal of money.

Selecting an HTML Editor

Although there are many HTML editors available on the Internet, the best editor I've found is "Coffee Cup." This powerful editor is great for newbies and experienced webmasters alike. You can download a fully functional shareware

Web pages are created with special codes known as HTML (Hypertext Markup Language). These codes, also referred to as tags, are enclosed by the lesser than () brackets and may be written in capital or lower case letters.

The opening bracket is followed by an element, which is a browser command, and ends with the closing bracket.

Example:

An element may also be followed by attributes, which are words describing the properties of the element, and further instruct the browser.

Example:

Attributes are only contained in the opening tags to the right of the element and are separated by a space and followed by an equal (=) sign. The value follows the

equal sign and is enclosed in quotes.

Basic Document Structure

Below, is a very basic HTML document structure. It contains the opening HTML tag, the TITLE tag enclosed between the opening and closing HEAD tags, the opening and closing BODY tags and the closing HTML tag. All of your text, graphics and any additional HTML codes will be placed between the and tags. click here for more info bibliotheca

Your Web Page Title

Each HTML tag above contains an opening tag and a closing tag. The opening tag is written with the command enclosed with brackets.

Example:

The closing tag contains a forward slash followed by the command enclosed with brackets.

Example:

The opening tag is telling the browser to begin the specified action and the closing tag is telling the browser to end the action.

The proper way to write HTML is to place your closing tags in sequence with your opening tags.

Example:

Example of the proper sequence of writing HTML

Notice that the closing tags are in sequence with the opening tags.

When you have several opening tags, the closing tags will begin with the last opening tag and end with the first. Are you totally confused now? Here's some more examples.

This is an example of a properly written code:

Example

This is an example of an improperly written code:

Example

Creating a Basic Document

Begin writing your HTML by creating your document's basic layout -- beginning with and ending with :

Your Page Title

This area will contain everything that will be visible

through a web browser such as text and graphics.

- Begins your HTML document

- Contains information about the page such as, the TITLE, META tags for proper Search Engine indexing, STYLE tags, which determine the page layout and

JavaScript coding for special effects.

- The TITLE of your page. This will be visible in the title bar of your visitors' browser.

Note: Make sure you include your most relevant keyword phrase within your "title" for Search Engine indexing. A keyword phrase is two or more words that best

describe your website. For example, if your website focuses on "grooming dogs" then your best keyword phrase will be "dog grooming."

- Closes the tag.

- Closes the tag.

- This is where you will begin writing your

document.

- Closes the tag.

- Closes the tag.

Basic Text Elements

- Bold Text

Example

- Italic

Example

- Underline

Example

Color Codes

If you would like to specify a certain text or background color, you can do so by using color codes.

RGB color codes are represented as hexadecimal values. The RGB color codes contain three sets of numbers representing the amount of Red, Green and Blue contained in a color. These codes must be used within your HTML to specify your

selected colors.

Now, to put the above statement in English...if you'd like to display your text in a certain color, you must include the hexadecimal color code within your font tag. Each color has its own color code.