This is a printer friendly version of Common HTML Tags.

Common HTML Tags

In a previous article, we explored the construction of a basic HTML document. Now we will discover how to add paragraphs, bold text, italics and a few others.

Start and Finish Tags

You will notice in these examples that "Tags" have a beginning and an end. An opening and a close.

Example Blank Tags

Start Tag: <> End Tag: </>

General rule: If you insert an opening tag into a HTML document, you should always insert a matching closing Tag in order to avoid problems.

There are exceptions to this rule.

For example, HTML Image Codes do not require a closing Tag. It is a stand alone Tag. HTML Image Codes contain all the attributes necessary to perform the task within one single Tag. Example:

Inline Image Tag - <img src="">

Common Tags

Listed below is a few of the most common HTML Tags which get used frequently. It is important to remember these because it is a lot easier to hand code them than it is to add them in with a WYSIWYG web site design software.

Center Align Tags

The center align Tags will cause text, images or objects contained within the tag to position themselves in the center of the document.

<center>Example</center>

Bold, Italics and Underline Tags

<b>bold</b> <i>italics</i> <u;>underline</u>

Note: Acording to w3.org, the new standard for bold and italics is now like this:

<strong>bold</strong> <em>italics</em>

Tip: Experienced web design experts do not like to use underline tags in web pages just in case visitors confuse them with a hyperlink.

If people get confused with this hyperlink issue, they might get pissed off or they might not click an important link because they think it is just underlined text.

Paragraph

<p>Any new paragraph.</p>

Line Break

<br>

Note: 2 x line break together = 1 paragraph. Example:

<br><br>

Note: The line break tag does not require a closing tag.

Multiple Tags at Once

At any time, you can use several tags at once. The main thing to remember is to keep all the tags relative to each other. Examples:

Right: <p><b><i>Example</i></b></p>

Wrong: <b><p><i>Example</i></b></p>

Tags
Tip: At the very top of the 1st Page 2000 user interface, you will find a Tag menu. Click this menu to access all the above tags.

Just click on a tag from the menu, and 1st Page 2000 will insert the tag into your document at the cursor.

Be carefull with the "center" tag though. 1st Page 2000 will insert both the opening and closing tags but the closing tag will have / missing. Just remember to type it in.

What Web Page would be complete without some hyperlinks?

© Copyright 2005 - 2012 GoldCoastWebDesigns.com