Computer Training - Online Computer Skills Learning - Webmaster Resources - Free Code Scripts - Tutorials
Online Training
CD ROM Training
Computer Training CD-ROM Videos which play right on your computer system. Watch and learn, develop your Information Technology Skills Computer Learning

Top Downloads, Resources, Free tutorials, Latest Articles

HTML tips


1. Stationary background images remain in one place even when scrolling through the page. Only the text will move. To create this effect, place the code below within your <BODY> tag.

<body background ="yourimage.gif" bgproperties="fixed">

When selecting your background image, keep in mind that your text will be moving over your image, so try to select an image that won't make your text difficult to read.


2. The ANCHOR tag is used to create a hyperlink. To link to a page within the same directory of your website, you only need to include the page name within your HTML code.

Example: <A HREF="yourpage.html">
When linking to a page within your website in a different directory, you must include the directory name with your page name.


3. The BIG tag is used to increase the size of your font. You can add additional BIG tags, side by side, to increase your font size even further. For each additional BIG tag you use, your font size will increase.
Example<BIG>Your Text</BIG> <BIG><BIG>Your Text</BIG></BIG>
The BIG tag can be used in place of the FONT tag, as they both perform the same task.
Example:<FONT size="3">


4. The BODY tag follows the HEAD tag within your HTML. The contents of your web page is displayed between the BODY tags. This includes everything displayed when viewed
through a web browser.

You can set parameters within the BODY tag that will be used throughout your web page. It isn't necessary to set parameters, as there is a default setting, but if you'd like your page to be displayed with colors other than the default, you have the ability.

Background and Text Colors:<body BGCOLOR="#FFFFFF" TEXT="#000000">
Image Background:<body BACKGROUND="/yourimage.gif">
Link Colors: <body Link="#0000C0" ALINK="#0000FF" VLINK="#FF0000">


5. The FONT tag is used to display your text in a specific style. If your visitor doesn't have the font you specify on their computer, the font will be displayed in the users default font setting. To make sure your pages are being viewed as you intended, set up alternative fonts.

<FONT face="Verdana,Helvetica,Arial">Your Text</FONT>

This will tell the browser to display your text in "Verdana," but if your visitor doesn't have "Verdana" to display your text in "Helvetica" and so on.

In addition, you can add attributes within your font tag to display your text at a specific size and color as well. There's no need to create separate tags.

<FONT face="Verdana,Helvetica" size="2" color="#FF0000">
Your Text</FONT>


6. The HEADING tag is used to display your heading text in a larger font with <H1> being the largest down to <H6> being the smallest.

Some Search Engines place relevance on text displayed within the <H#> tags, so place some of your most relevant keywords within any of the 6 <Hx> tags.

Example:<H3>Your Guide to Health & Fitness</H3>

When using the HEADING tags, you don't have to use the <H1> for your first heading. You may begin with the heading size of your choice, but for your secondary headings, you should not use a larger heading than you began with. In other words, if you're using <H3> for your primary heading, then your secondary headings should be <H4> or <H5> and not <H1> or <H2>.


6. The INPUT tag is used to create input fields within a web page form.

You can create a radio or checkbox selection list by adding attributes to your INPUT tag.

<INPUT type="radio" name="option1">Option 1
<INPUT type="radio" name="option2">Option 2
<INPUT type="radio" name="option3">Option 3

<INPUT type="checkbox" name="selection1"> Selection 1
<INPUT type="checkbox" name="selection2"> Selection 2
<INPUT type="checkbox" name="selection3"> Selection 3

You can select a default value by adding the word "checked" within your INPUT tag.

<INPUT type="radio" name="option1" checked>Option 1
<INPUT type="checkbox" name="selection1" checked>
Selection 1


7. You can create a mouseover text description, similar to an image alt tag, that will be viewed when the mouse is placed over your text. Place title="your text description" within your HTML link code.

<A HREF="http://www.yourdomain.com/" TITLE="your text description">

In addition, you can display your description text in a list by adding these characters &#10;&#13;.

<A HREF="http://www.yourdomain.com/" TITLE="Webmaster
Resources:&#10;&#13;

&#10;&#13;
Counters&#10;&#13;
Guestbooks&#10;&#13;
Auto responders&#10;&#13;
and more...#10;&#13;

This description would be displayed like this:

Webmaster Resources:
Counters
Guestbook's
Auto responders
and more...


8. You can create a link within the same page by adding the following codes.

STEP 1

Select the area you want the link to take you to when clicked on and place this code with any name you'd like. This will create an anchor for your link.

<A NAME="Any name">Any name</A>

STEP 2

Create your link and make sure you use the same name as you used in your anchor:

<A HREF="#Anyname">Click Here</A>


9. If you have a file you would like to enable your visitors to download, most web servers will allow you to link directly to a download file.

<A HREF="http://yourdomain.com/file.exe">File</A>

If you have access to ftp, you can create a download link like this:

<A HREF="ftp.yourdomain.com/file.zip">File</A>

If you don't have access to ftp, you can create a download link like this:

<A HREF="http://yourdomain.com/file.zip">File</A>

Instruct your visitors to hold the "shift" key down while they click on the download link.


10. <form> <input type="button" value="Email Me"
onClick="location.href='mailto:you@yourdomain.com'">
</form>

This code will create a button that when clicked on, will launch the users email program. You can change the value words to whatever you'd like your button to say.








Business Skills Development Training
Everything Quick Business
Everything OSHA
Everything HR/Legal
Everything Management Skills
Everything Sales Skills
Everything Basic Finance

Certification Training
Everything MCSE
Everything MCSD
Everything O/S 390
Everything Programming
Everything Cisco
Everything UNIX
Everything Oracle
Computer Technician
Network Technician
Windows 2000 Professional

Computer Tutorials - Computer Based Learning - CBT - Training Resource - Information Technology Training