From Frontpage-web-hosting.com

Getting Started with FrontPage
A Very Concise Guide to HTML for FrontPage Users: Part II
By Frontpage Admin
Jun 26, 2006, 18:05

Tags and Attributes

We looked earlier at how tags tell browsers what to do with text, as in

<b>This text is bold</b>

which made the enclosed text bold.

Quite often though there is a lot more than a simple instruction such as this contained in the opening tag.

Lets have a look at the <a> tag as an example.

Anything surrounded by <a> and </a> is a hyper link. Except it isn't that simple. The opening <a> tag on it's own is meaningless and will be ignored by browsers. Thus

<a>A link</a>

Will appear as simple text since when a browser encounters a meaningless tag it simply ignores it. In fact this is what it will look like: "A link". Nothing special there.

However using

<a href="http://www.frontpage-web-hosting.com">A link<a>

gives us: "A link"

Now we have lift off. Clicking on that will take you to the frontpage-web-hosting home page.

The important bit is

href="http://www.frontpage-web-hosting.com

and information like this within the opening tag is referred to as an 'attribute'.

The attribute itself is divided into two parts, the attribute name (href) and the attribute value (http://www.frontpage-web-hosting.com)

Attributes elaborate on the basic tags and while some tags require them in order to work, others don't but can be refined in their function by the addition of attributes.

Of course you can bypass all of this by adding hyperlinks quickly using FrontPage and that is the sensible way to proceed. However it is important to be aware of attributes as quite often they are the parts of your HTML that may cause problems with browser compatibility.

Adding Your Own Meta Tags to Pages

We will look at adding a few keywords to the document to help search engines index our page.

1. On the File menu, click Properties, and then click the Custom tab.
2. Under User Variables, click Add.
3. In the Name box, type 'keywords'.
4. In the Value box, type the keywords for your page, using commas to separate words.
5. Click OK

The new meta tag will automatically be added to your page. You can repeat this procedure to add a 'description' meta tag.

In the case of this page the following tags were generated and added to the <head></head> section of the page:

<meta http-equiv="description" content="A basic introduction to HTML for FrontPage users">
<meta http-equiv="keywords" content="HTML, FrontPage, beginner, introduction">

If you later want to add more keywords it is often easier to just go into HTML view and type them right in there.

Some times you will see these meta tags written as

<meta name="description" content="A basic introduction to HTML for FrontPage users">
<meta name="keywords" content="HTML, FrontPage, beginner, introduction">

There is essentially no difference between the two forms.

Part III >>

© Copyright 2006 by Frontpage-web-hosting.com