Basic HTML For Newbies Page Two

by Doghouse Dan

This page has the basics of making links of various kinds and ends with a
link to a simple "trap" type page that only uses html code that we've seen.
It's your job to go and make far better stuff. As with all page design, make it
look good and you are half way there! If you have a good looking page you'll
probably be better able to convince the surfer that the page you want to send
him to will be equally as good or even better. Anyway, here we go.

(5a) Making Text Links:
Text Link With Absolute Path
Text Link With Relative Path
Text Link With Blindlink Mouseover/Mouseout
Color Change And No Blindlink

Check the text box below to see what I'm talking about.
All hyperlinks begin with "a href=" then the URL address, then close with "/a"
An "absolute path" means that the whole URL address is written in the link.
A "relative path" means just the name of the file is written ...
... this file will HAVE to be in the same directory as the page the link is on.
Mouseovers can be used for various things ...
... blindlinking
... providing information about the link
... hiding the strange sponsor code that may put a surfer off clicking
The "onMouseover" puts the comments you write into the lower navigation bar.
The "onMouseout" (in this example) makes the comments go away with the mouse off.
The link color is controlled by what you put in the "body" tag.
To change the link color a "font color" needs to be put before the link text.
 <a href="http://www.vnwr.com/resources/tutorials/basic_html.html">Text Link With Absolute Path</a> <a href="basic_html.html">Text Link With Relative Path</a> <a href="http://www.vnwr.com/resources/tutorials/basic_html.html" onMouseover="window.status='Click Here And Win One Million Dollars'; return true" onMouseout="window.status=' ';return true">Text Link With Blindlink Mouseover/Mouseout</a> <a href="http://www.vnwr.com/resources/tutorials/basic_html.html" onMouseover="window.status='http://www.vnwr.com/resources/tutorials/basic_html.html'; return true" onMouseout="window.status=' ';return true">Color Change And No Blindlink</a>

(5b) Making Graphical Links:

This is absolute path to link and pic
This is a relative path link and pic and no border
This has a very blindlink mouseover and no border
This text has been pushed down with a vspace

Check the text box below to see what I'm talking about.

There's only one example (the fourth) but the rest are all variations.

The graphic "img src= etc etc etc" fits where the text would in a text link.

The image can have an absolute or relative path.

You can specify image width and height - this makes it load quicker.

Ignore width and height on thumbnails to make them load slower!

The "border" specifies border size. "border=0" means no border.

The "vspace" in this example gives a vertical spacing of 15 pixels.

You can also use "hspace" to give horizontal spacing.

Always use the "alt" tag. This lets you put in keywords for spiders.

Note, I'm using one URL for both pic and text.

(6) Making A Quick Page:

When you click below you'll see a very simple yet tasteful web page.

All it uses is the stuff I've covered in these two pages.

Feel free to copy and paste anything you want but don't template the whole page.

Learn to move stuff around. That's why I use tables a lot ...

... Tables are easy to shift from place to place to give a different look and feel.

Note that the page you're going to see could use more text and less sponsor graphics. I made it for search engines only and to use as a trap for surfers from other sites of mine. Most of the links are blind links to sponsors, only some will take you to a real picture.

Click Here ... NOW!!!

(7) What To Do With YOUR Links:

What do I mean?
What I mean is that all your pages have links to other people ...
... You'll also need links to yourself whether to hubs, traps, other sites.
You may put these links in for a surfer to use or as spider food.
Hubs will be targeted content - bondage, panties, oral or combos.
Real spider food will be a page with ALL your pages listed on it.
You can hide this link or you can make it as plain as day ...
... but try to include it on as many pages as possible and keep updating it.
Whatever you do, make sure to submit it to the SE's on a regular basis.
Remember, spiders love easy to digest URL's.
Plain Spider Food Page - Click to see

<<< -- Hidden Link With Transparent Gif
Note that I've made the gif bigger than it has to be and I put a border around it so you can see where it is and copy and save it if you want. Remember to make the "border=0", the "height=1", the "width=1" and no hotlinking! :o\ The correct codes are in the text box.
 <a href="http://www.macrohard2001.com/sexlinks.html">Plain Spider Food Page - Click to see</a> <a href="http://www.macrohard2001.com/sexlinks.html"> <img src="gnu.gif" alt="sexlinks for spiders" border=0 width=1 height=1></a> 

(8) Graphics and Stuff:
CLICK HERE NOW FOR PAGE THREE

Click the link above.
This will take you to page three and the graphics.
... jpgs and gifs
... writing text over, under and around pictures
... arranging your thumbs

Written and contributed
by Doghouse Dan

DHD's Webmaster Resources

Back to VNWR