hog logo       Site Map

Practice Page for HTML tags and other text effects

Various HTML generators for message board postings
Code generator for basic HTML tags for message board
Email signature generator - using HTML Table code - banner - business card maker
Code generator for glow shadow dropshadow motion blur etc CSS tricks for message board posting
Code generatore for Rainbow Text - text maker n PHP n javascript generators
Complete web site generator php css html code for 2 column n header n footer layout


General tips and HTML tags for posting on message board or forum
Tips and tags for posting Image on Forum or message board
Browser color names - using legal color names instead of RGB and hex values
Font Tag - code to copy n paste to forum
Anchor Tag - code to copy n paste to forum
Table tags - code to copy n paste to forum
Bold, underline, etc tags - for use on message board or forum
Entities - special characters such tm, etc
Secret Tips - how to find - view code
Basic HTML tags for webpage
Scanner Tips - optimizing tips for web ready images

More Tutorials - complete list of various free tutorials from host and clients

Hosted by IBDhost

Contact Us Form w tutorial for creating contact form that hides email from spam robots

See Blog

Valid XHTML 1.0!
Valid CSS

Forum Message Board HTML Tags n Tips

New Tip - Use H tag with CSS Tricks

For a quick start use the 3 HTML generators in the menu (especially the Basic HTML Generator).

  1. Intro: This site contains HTML Tips / HTML tags for posting on a forum / message board. There is also a page with tips for posting an image on a forum.
    BTW: A HTML Practice Page is included.
  2. General Rules: You must use the < and > symbols around the HTML Tags. Most tags require a closing. The closing tags have a '/' (slash) in front of the tag keyword e.g. </font>

The HTML code generators (see menu) are for visitors that do NOT need detailed tutorials - visitors that just need to input an URL - then generate the code - to copy n paste into a forum or message board.

Posting Image or Photo

On Forums n Message Boards

(Bonus: Scanner Tips)
(Bonus: Tips on Music Tag's)

Introduction: To post an image, it must be on a web server connected to the internet. This is not the same as being on your local computer i.e. images must be on a internet server. In other words, you may need to sign up / get a host for a web page site before you post images. Or perhaps, you already have a online photo album that will allow 'remote' links to the images. In any case, be a good netizen = Use space and bandwidth that you have been supplied

Are you a Bandwidth Bandit? ( Read More )

Posting an image is really easy once you learn the 'tricks'. Here is an example that you can copy n paste. This example shows that it is NOT as complicated as it looks when you get into the 'step x step' instructions.

Copy n paste this code
in our Practice Page:

<img src="http://www.ibdguy.com/images/hoglogo2.gif">

To load / display this:

You should be familiar with basic computer procedures such as creating a subdirectory (folder) and saving images to the folder on your hard drive. Most browsers allow you to save an image (or gif animation) just by clicking on the image and then clicking with the right mouse button.

Posting (Step by Step):
Note: if you have image online go directly to step 4:

  1. Create a folder (subdirectory) on your hard disk to save your images (keep things organized).
  2. If you don't already have the image, find an image / animation on the internet (check for copyright notice!). Then use your mouse over the image along with the right mouse button to save a copy to your 'folder' on your hard drive.
  3. Open the connection to your web host (With FTP software or a 'file manager') and upload the image to the host.) BTW: Check out the instructions for a free FTP program.
  4. Use the img tag to post the image by replacing the 'URL' in this tag: <img src="URL"> with the actual URL of the image.
    Note: The quotations marks around the URL / address are important.
    For example, if the image name is
    and the URL for you page is
    then the tag would be
    <img src="http://www.host.com/mypage/img.jpg">
Footnote: Sometimes finding the URL of the image is tricky. For example, images on AOL homepages are sometimes put in an 'images' directory. So the URL may be something like this:
In most browsers, you can use your right mouse button over an image. Then select 'properties' to view the URL of the image. Then you can mouse over (highlight) the image URL and copy n paste it inside the quotes.

Go To Top

Bandwidth Bandit

Are you a bandwidth bandit? In many cases, people are stealing bandwidth from a site and do not realize what they are doing.

For example, some people discover a 'free image' site and then assume that it's okay to link to the images (with the img tag). The webmaster at a site may put up images for free download and free use (on your web site, in your email or on your computer). However, they DO NOT want you to use 'remote links' i.e. link to the images on their site.

If you use remote links to their images, you are a bandwidth bandit!

It's amazing how many people think a free image means that they can use the other person's bandwidth. They never realize that bandwidth is not free - some one has to pay. All host / ISP's have bandwidth limits - even the ones that advertise unlimited bandwidth (read the fine print you'll see :) Once the site exceeds the limit, they must pay even more! Or in some cases, the web site is shut down until the first of the next month.

The problem is compounded if the Bandwidth Bandit uses the images on a busy site (such as a forum / message board). In these cases, the webmaster is more likely to 'spot' the images that are causing the increase in his/her bandwidth.

If the webmaster sees high usage in his stat's package (or in his access_log file), he can find out where the bandwidth bandit is posting the images. Then he may get even (there are several methods - one favorite is to replace the image with a Very nasty (gross) image that will immediately appear in your post :(

In an even worst case scenario, the webmaster may contact the owner of the forum / message board and blame them. If it is a free public board, they may contact the board owner and try to shut down the board or have an individual banned. In other cases, complaints have convinced the sys_adm (operator) of the board to disable the 'img' tag. Therefore, NO images can be posted!

There are a lot of other reasons why you should not be a bandwidth bandit. One site that explains some other reasons is the WebGuard Site (which also belongs to a WebRing that tries to fight back against the Bandwidth Bandits).

Summary: Sometimes a site owner may not catch all the bandwidth bandits but if the bandwidth usage goes up (and cost extra) - then the webmaster will check their 'access_log' to see which site (message board, web page, etc) is guilty. The images posted on a busy forum / message board are more likely to show up in the access logs. A good netizen NEVER links to images on another person's site (steals bandwidth). A good netizen would get (pay for) their own host (space) and upload and post image from that host i.e. pay for the bandwidth.

Note: There are a few public photo album sites and/or EBay image sites (such as PrintRoom.com) that DO allow remote links. They may automatically add text to your image (that is their payment :)

Go To Top

Scanner Tips
One source of large (oversize) files is scanned images such as color photographs. People don't realize that a scanner set at 300dpi (or higher) creates very large images (that load very slow). However, on the internet, these images will look the same as one scanned at 72dpi.
  1. Set the scanner at 72 dpi (or to 100 dpi if 72 is not an option) and the file size will be about 20 or 30K instead of 150K+ (and the image screen size will be smaller :)
    Note: Some scanners yield a dark image that can be corrected with a 'gamma correction' option in your graphic's program.
  2. Use a graphics program to 'crop' the image. (or maybe the scanner software will allow you to crop). In other words, cut off any 'dead area on the edges of the pictures"
    Note: A popular freeware program is available at Irfanview . This program also has 'gamma correction' (under color enhancement) for those dark pictures.
  3. Save 'color photographs' with the JPEG format (.jpg extension). Color photos compress better and also render better quality as JPEG images. (.gif format works best for line art)
    Note: some scanners will only save as .bmp so you may also need a graphics program to convert the images (Many accomplish this conversion by use of the 'file /save as' option that allows you to 'save as' .jpg).
  4. Depending on the 'content' of the photo, it may be desirable to use the 'resize' option in your graphics program to further reduce the file size. MAKE sure the graphics program is set to 'Maintain the Aspect Ratio'.
  5. In some cases, additional reduction in file size is possible with an 'optimize' program. There are online sites that will 'read your image' and then optimize it ( One Example). However, this procedure is usually not necessary if the previous tips are successful in reducing the file size. (Recently some of the 'good' graphics programs have started to include a graphics optimizing capability ;)
Footnote for Resolution: For images intended for the printer, higher resolution may be desirable. Hewlett Packard® (HP at home, Volume 8, 1999) has an article on scanning tips that contains this useful table:
The higher the resolution of your scan, the larger the file size for the image. Use this table to determine the best scan resolution for your photos.
On-Screen (Web, E-mail) 72 or 100 dpi, 8 bit JPEG
To Print Snapshot 200 dpi or 300 dpi, 30 bit TIFF
EnLarge Snapshot
or Print Large Photo
Maximum resolution, 30 bit TIFF

Go To Top

Playing Music
The Nice way to put music on a page:
Use anchor tag such as:

<a href="http://www.yourwebsite.com/leanon.mid">
Play Lean On Me (21K)

Will display:

Play Lean On Me (21K)

Alternate Method: Netscape browsers use the 'embed' tag while some old MS browsers use the 'bgsound' tag. Some people use both 'tags' to cover all browsers; however, most current browsers will use the embed tag. I prefer to include the anchor tag to 'cover' all browsers:

BTW: People who use the autostart="true" with the embed tag - to play music without considering that the visitor may not like 'their' music - are Rude (low life)

P.S. The easy way to 'get' a .mid/.wav is to use Lycos Sound Search and play the sound. If you sound player doesn't 'save' files, then go to your 'disk cache' with your file manager (windows explorer) and move a copy of the sound file to another folder (otherwise when you flush the cache you lose it). Next you should load the .mid or .wav files on your web host just like you do the images you post.

Go To Top

Updated: Thu, Jul 04, 2013

© 1995-2013