html_code_tutorial

Basic Simple Html Code Snips for message boards/forums.
(For use on forums where HTML code use is enabled)

| Back to Worst Witch Forum | To Worst Witch Website |

To post a clickable link.
The bare code looks like this.

<a href=""></a>

example A - adding the url address u want to link to...with a description of the link to show in the posted message.

<a href="http://home.1asphost.com/davinci5156/">Worst Witch Website</a>

Example B - same as above,but just useing the url address youre linking to as the description of the linked site.

<a href="http://home.1asphost.com/davinci5156/">http://home.1asphost.com/davinci5156/</a>

Either way,what you will see in the finished post or website is only this..(in a post)
in example a you will see My Worst Witch Website in the finished post
in example b you will see http://home.1asphost.com/davinci5156/ in the finished post.

To post a photo.
The bare code looks like this.

<img src="">

add the exact link to the image you wish to show in the post.

<img src="http://home.1asphost.com/davinci5156/ethel2_sm.gif">

The finished post will look like this.

note: the url image address you put in the code must end in an image extension: ie: JPG,GIF,BMP,TIFF etc... the photo will not show if the address ends in HTML,SHTML etc.
also photos can't be linked from most 'free' sites such as geocities,angelfire,tripod,dreamwater etc.
You can link to pics at most university sites most government sites and most private domain sites.
A general rule of thumb I've found. If there are no ads or popups on a site u can usually link to pics there.

To make an image into a clickable link

<a href=""><img src=""></a>

<a href="http://www.link-url-here.com.here/html"><img src="http://www.link-url-to-clickable-pic-here.com/image.jpg"></a>

Free Image Hosting Services (that allow "Direct Linking" (Hotlinking) to your stored pics..)

There are still a couple of free image hosting services out there that allow hotlinking of pics .
Most have severe restrictions on the number of pics you can store and the maximum size of each pic.

The two best ones I am aware of are....

MustangMods.com - 25 pic limit / maximum pic size is 200kb

Picserver - 150 pic limit / maximum pic size is 200kb

Or, you can do what i did and get your own domain ( Davinci5156.com ) ,800mb webspace with 40GB bandwidth per month... that way you can host as many pics/files of any size yourself... =)

To make sound files play in a post or website.

bare code ---
Sound file links can be tricky and often screw up.
Also not all browsers can read the same sound code.
Combining these two sound file tags works for me MOST of the time.

<bgsound src="" loop="">
<embed src="" width="140" autostart=TRUE></embed>

Add the direct link to the sound file you want to play .

<bgsound src="http://www.midisong.com/song.mid" loop="false">
<embed src="http://www.midisong.com/song.mid" width="140" autostart=TRUE></embed>

This will start the linked midi file automatically when the post/website is opened and the song will play once.
There will be a basic control console 140 pixels wide visible.

To make the song play more than once replace 'false' with 2 or 3 or whatever.. to have the song play an endless loop put '-1 ' in place of 'false'.
I strongly advise NOT putting sound files on an endless loop,unless you want people to hate your guts! =)
It's also a good idea to use the code that places a user friendly control console in the post so people can shut off the music if they loathe it!

Changing font attributes

Basic font code --


This is the basic 'open' font and 'close' font command.( '/' being the all important 'close' tag.)

To have text in italics

Everything you put between these will be in Italics.

To have bold text

Everthing between these will be in BOLD.

Note: You can use the  and  tags naywhere by themselves.you don't need the  tag in before or after them. eg: you can just plop the  tag to italicise the middle of a text for emphasis or use the tag to make a few words stand out in a sentance.

Example: " I wasn't anywhere near the place"  (she lied to the jury rather lamely) 
would come out like this.

" I wasn't anywhere near the place" (she lied to the jury rather lamely)

Changing font color

Type yellow,red,blue,green between the quotation marks and everthing you type between these >< will be that color.

Changing font type

Type verdana,arial,tahoma,georgia,grismonda etc.. between the quotes and your post will appear in that font type. (just remember not everyone has all the types of fonts installed in their puters and they will not see the font you specify if they dont)

Combining font commands

Text Goes Here

This combines 4 font commands. It specifies the post will appear in verdana font,colored red,the text will be in bold italics.
Note the italic and bold tags are 'nested'..(bold tag on the inside-italic tag on the outside)
You only need to use the 'font' tag once when useing multiple font commands.

Centering a post (text,pics,headers etc.)

This is simple.

<center></center>

Thats it!

<center> everything you put in between here,code,pics,text whatever will come out centered in the finished post </center>

The above will look like this

everything you put in between here,code,pics,text whatever will come out centered in the finished post

To center an image

<center><img src="http://home.1asphost.com/davinci5156/ethel2_sm.gif"></center>

Will result in this

Always close your tags ! (except when posting a pic, because there's no closing tag on that code.)
always double check your code before posting ... check that youve put the close tags
" / " where they should go! If you leave a link tag open,everything after that tag becomes a clickable link...leave the color tag open and everything after that tag will be the color u selected for that post... and so on...
There is heaps more to learn about html/tags etc... but these few simple tags/commands should suffice for posting on message boards/forums where html use is enabled.

Davinci
May 29/04

Top