HTML Site

You have reached Intermediate level. Now you have a basic mastery of HTML. Now we shall move on to Links. A link is a block of text (or an image, see next lesson) that can be clicked on to go to another website, page, or location on a very long page. This is accomplished through use of the A tag for Anchor. However, just putting A in a tag alone doesn't tell the browser what to do. So, we must add INSIDE the tag HREF.

<HTML>
<HEAD>
<TITLE>Title of Website</TITLE>
</HEAD>
<BODY>
<A HREF="Site to Visit">Linked Content</A>
</BODY>
</HTML>

Site to Visit must be either of 3 things: (1) a name such as page2.html or page2.htm, (2) a website such as http://www.osfn.org/ or http://www.osfn.org/. Additionally, a modification to the A tag is the NAME= option, which is an Anchor (not that type) that the browser uses to move you around the page using a link as opposed to endless dragging. The anchor has a name that you specify, preferably without spaces, and the anchor content will be the location where the browser is relocated when a link to that is placed, but like all tags, a </A> MUST be placed. Also, when you link to an anchor, you MUST put a # sign in front of the name. For example:

<HTML>
<HEAD>
<TITLE>Title of Website</TITLE>
</HEAD>
<BODY>
<A HREF="#Anchor Name">Linked Content</A>
Some countless 40 lines or more of text...
<A HREF="Anchor Name">
Linked Content
</A>
</BODY>
</HTML>

Now with a basic mastery of links, you can go onto the wide, wide world of text formatting and HTML's countless tags with it.

Intermediate Links:

Links
Text Formatting
Images
Ordered and Unordered Lists