You are here > Home > HTML Tutorial
Just a few basic codes to add pictures, links and email links to forums which allow html codes
Just click the type of coding you need below
How to create a URL link to a web page
How to create a named link to a web page
How to display a picture with a link to another picture
How to display a picture with a link to a web page
To create a URL link to a web page, type the following red text into the forum window
Code to Type |
Description |
<a href=" |
Start code |
http://www.imag-e-nation.com |
URL path to the web page to be linked to |
"> |
Middle code |
http://www.imag-e-nation.com |
URL path to the web page to be linked to |
</a> |
End code |
The entire code to be typed into the forum reply window is......
<a href="http://www.imag-e-nation.com">http://www.imag-e-nation.com</a>
What you will see on the forum thread is.......
To create a named text link to a web page, type the following red text into the forum window
Code to Type |
Description |
<a href=" |
Start code |
http://www.piftails.com/cards/index.html |
URL path to the web page to be linked to |
"> |
Middle code |
My Link |
Text To Be Displayed |
</a> |
End code |
The entire code to be typed into the forum reply window is......
<a href="http://www.piftails.com/cards/index.html">My Link </a>
What you will see on the forum thread is.......
To display a picture, type the following red text into the forum window
Code to Type |
Description |
<img src=" |
Start code |
http://www.piftails.com/cards/Flowers1_June05.jpg |
URL path to the online photo to be displayed |
/> |
End code |
The entire code to be typed into the forum reply window is......
<img src="http://www.piftails.com/cards/Flowers1_June05.jpg"/>
What you will see on the forum thread is.......
To display a picture with a link to a web site, type the following red text into the forum window
Code to Type |
Description |
|
<a href=" |
Start code |
http://www.piftails.com/index.html |
URL path to the web page to be displayed when the picture is clicked on |
"><img src=" |
Middle code |
http://www.piftails.com/images/PIFTailsSmallLogoLegal.gif |
URL path to the online photo to be displayed when picture is clicked |
" /></a> |
End code |
The entire code to be typed into the forum reply window is......
<a href="http://www.piftails.com/index.html"><img src="http://www.piftails.com/images/PIFTailsSmallLogoLegal.gif" /></a>
What you will see on the forum thread is.......
Clicking the logo will take you to another web page
To display a picture with a link to another picture, type the following red text into the forum window
Code to Type |
Description |
|
<a href=" |
Start code |
http://www.piftails.com/cards/lucyfirstcard.jpg |
URL path to the online photo to be displayed when picture is clicked |
"><img src=" |
Middle code |
http://www.piftails.com/cards/lucyfirstcard_th.jpg |
URL path to the online photo to be displayed |
"/></a> |
End code |
The entire code to be typed into the forum reply window is......
<a href="http://www.piftails.com/cards/lucyfirstcard.jpg"><img src="http://www.piftails.com/cards/lucyfirstcard_th.jpg"/></a>
What you will see on the forum thread is.......
Clicking the small picture will open a bigger picture
To create an email link on a web page, type the following red text into the forum window
Code to Type |
Description |
<a href="mailto: |
Start code |
Jenny@piftails.com |
Email to be linked to |
"> |
Middle code |
|
My Email Link |
Text To Be Displayed |
</a> |
End code |
The entire code to be typed into the forum reply window is......
<a href="mailto:Jenny@piftails.com">My Email Link</a>
What you will see on the forum thread is.......
When the click is clicked an email window opens up
To create scrolling text on a web page, type the following red text into the forum window
Code to Type |
Description |
|
<FONT color="#ffffff"> |
Colour Text White |
<MARQUEE bgcolor="#000080"> |
Colour Background Blue |
|
The Scrolling Text |
Text To Be Scrolled |
</MARQUEE></FONT> |
Close All Tags |
The entire code to be typed into the forum reply window is......
<FONT color="#ffffff"><MARQUEE bgcolor="#000080">The Scrolling Text</MARQUEE></FONT>
What you will see on the forum thread is.......