HTML Tips (not for use on this forum)

Posts: 8248

Hyperlinks

The <A> or Anchor tag is used in creation of hyperlinks. This tag uses the attribute: <A HREF="filename.extention"> to identify the file to link to. Before closing this tag, provide text for the file:

<A HREF="http://opposingdigits.com/">opposingdigits.com</A>.

Result: opposingdigits.com

If you want the link to open a new window or tab, add:
<A HREF="document.extension" target="_blank">

Posts: 8248

Images

*note: You should not steal images and bandwidth from sites. Re-host images on a site like: http://www.tisng.com/ so you're not stealing bandwidth, or use myspace for free image hosting. Wink

For this you'll use the image tags

Syntax:

<img src="url of your image"></img>

*Note: On some sites; you don't need or don't want the closing </img> tag. If the site you're posing on is using XTML, you will want the closing tag.

You can surround this code with the Hyperlink code to make the image link to a webpage.

If you upload an image to a site like myspace: just go to the image, right click on it, and choose "copy image location" or something like that (depends on browser). Then you can paste this between the quotes in the above code.

I'll copy one of the emoticons for an example.

Here's it's url:
http://www.opposingdigits.com/forums/images/smiles/icon_rolleyes.gif

Here's how the code should appear:

<img src="http://www.opposingdigits.com/forums/images/smiles/icon_rolleyes.gif"></img>

And here's how it should look:

Rolling Eyes

To make it link to our homepage:

<a href="http://opposingdigits.com/"><img src="http://www.opposingdigits.com/forums/images/smiles/icon_rolleyes.gif"></img></a>

Result:

A good rule of thumb is to keep your html tags properly ordered:

 NOT: