If u know an Html, Meta, Css tag that are not in my page, IM me i will put your name beside your recommended tag>

HTML tag, Meta tag, CSS tag

Scroll Bar definition. Once you know which area is defined, with which code, you can modify it as you like.

<STYLE TYPE="text/css">

BODY

{

scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #EAEAEA;
scrollbar-highlight-color: #EAEAEA;
scrollbar-3dhighlight-color: #EAEAEA;
scrollbar-darkshadow-color: #697074;
scrollbar-track-color: #F7F7F7;
scrollbar-arrow-color: #B0171F;

}
</STYLE>
This is what i have used for my pages, feel free to use it if you want!

Copy & Paste The code on your page.

To change the style of the page scrollbar you need to insert the above code between your <head></head> tag in the page, or before the </body>. To modify the color, just replace the Hexa decimal color, of your choice.

Hexa-decimal Color:

deepskyblue4 #00688B red #FF0000

navy #000080 green #00FF00

huntergreen #215E21 black #000000

indigo #2E0854 white #FFFFFF

dimgrey #696969 blue #0000FF

darkgrey #A9A9A9

gray65 #A6A6A6

gray66 #A8A8A8

aluminum #A9ACB6

indianred #B0171F

heather blue #B7C3D0

gray72 #B8B8B8

This tutorial will teach you how to make a menu like tables that will change background color when you mouseOver. .

First create your menu on your page.

Then identify your two colors, one is for mouseOver and another one for initial color. In my case mouseOver color is: #999999 and initial color is: #CCCCCC

Now copy this code to the head of you document. (Between <HEAD></HEAD> tags)

style type="text/css">

td.off {
background: #CCCCCC;
}

td.on {
background: #999999;
}

</style>

Change the color in blue with your own colors.

td.off will be our initial table color which is lighter grey #CCCCCC.
td.on will be our changing color which is darker grey #999999.

Now we have to apply the CSS to the table that you have created. Insert the following code in every <td> tag inside your table. class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"

So your code should look like this:
<td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">MENU 1</td>

Let's go through the code one by one:
1: <td class="off" - Assigns the off class of our CSS to the table column, which means initially the table column background will have a color of #CCCCCC
2: onmouseover="this.className='on'" - Assigns the on class of our CSS to the table column, when we mouseOver on it
3: onmouseout="this.className='off'"> - Assigns the off class of our CSS to the table column back, when we take away the mouse from it.

Full Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Table Background Change</title>
<style type="text/css">
td.off {
background: #CCCCCC;
}
td.on {
background: #999999;
}
</style>
</head>
<body>
<table width="150" cellpadding="3">

Introduction
META TAGS - What are they? Meta Tags are special tags that you insert which help index your site with search engines to bring more traffic.

The Coding
This is a fairly simple procedure. You may do it by copying down the coding below and placing it in your <HEAD> tags:
<META NAME="description" content="Description of your site.">
<META NAME="keywords" content="keywords,seperated,by,commas">
The coding above is a brief tag. Just enter a description of your site and keywords.

Generating them automatically
Many have asked if they can be generated automatically. The answer is yes. META TAGS can easily be generated by using the META Tool on AntiBS.

Introduction
CSS can really add that professional look you've always wanted to your website.
Just a few simple lines of coding can help your webpage out a lot.
In this tutorial, you will be learning the coding for CSS and a few simple link tricks.

CSS Base Coding
Let's start out by placing the following tags in the <HEAD></HEAD> part of your website. Copy the coding as listed:
<style type="text/css">

</style>

Link tricks
Now, let's start by determining what effects will happen to any link on a page.
Insert the following in between the { and } of A:link:
text-decoration: none; color: #0000FF
The above coding will make links not underlined and the color blue.

Hover tricks
Let's suppose you want to have a little effect when people mouseover the links. Add the following piece of coding on a new line in between the  tags:
A:hover { text-decoration: underline; color: #FF0000 }
Now, when users mouseover your links, they get underlined and turn red.

That's about it for the simple stuff. Sort of experiment around with things like
changing the "text-decoration: underline" to like "text-decoration: overline", etc.
Good luck!

Top of Page

HTML Tutorial - Documents

An html web page is basically a plain text (ASCII) file. It can be created/modified using any basic text editor.

1. Basic structure

The HTML tag starts and stops the web page. Different sections are defined within the web page.

<HTML>
    <HEAD>
    Header info for the page goes here
    </HEAD>
    <BODY>
    Page body/text/content goes here
    </BODY>
</HTML>

The HEAD html tag starts and stops header info which may or may not be visible to the browser.

The BODY tag starts and stops the part of the web page which will be shown in your browser's window.

2. Header section

This section holds the title of the page and information which tells search engines more about the web page.

2.1 Document title

The TITLE tag defines the title for the html document.

<HEAD>
<TITLE>Beginner html guide</TITLE>
</HEAD>

This would set the title of the page (shown in the top part of your browser window) to 'Beginner html guide'. This tag is placed within the HEAD section.

2.1 Meta tags

These tags come in many flavors. This beginner's guide only covers search engine related META tags.

<HEAD>
<TITLE>Beginner html guide</TITLE>
<META NAME="description" CONTENT="This page offers html help">
<META NAME="keywords" CONTENT="html, tutorial, guide, help">
</HEAD>

The NAME attribute defines what type of info the META tag provides. The CONTENT attribute sets the value.

3. Body section

This section is what you see in the browser window. Other html tags covered in this tutorial go here.

4. Example

This sample html code sets the title for the document and adds some text as content for the page.

<HTML>
    <HEAD>
    <TITLE>Beginner html guide</TITLE>
    </HEAD>
    <BODY>
    This text is shown in the browser window
    </BODY>
</HTML>

Simply create a text file (with a .html extension) with the above html code and save it do disk.

You could also upload it to your web hosting account. Point a browser to it to see what it does.

Forms allow you to gather information from your web site's visitors. These are often used for shopping carts, polls or to provide feedback. The information entered is sent to a program which in turn reads the form data.

Practical use of forms

The many html form fields can be combined in a single form to make it useful.

Additional attributes can be defined for the html tags used here. The goal of this tutorial/guide is to provide a place for beginners to find help and get started.

1. Defining a form

A form starts with the below line of .html code.

The METHOD attribute tells the web server how to pass the data to the script. Usually, this is POST for forms.

Replace script.cgi with the name of your program which will receive the data from your web based form.

Forms end by closing the FORM tag, as shown below.

</FORM>

Form elements are defined between those html tags.

3. Form fields

3.1 Text

This field type allows for text to be collected via forms

The INPUT tag is defined to be of the 'text' TYPE. The NAME attribute will tell the program receiving the data from the form how to find this specific html field.

This creates a form where plain text can be entered.

3.2 Checkbox

This html field type allows for one or more options to be selected in online forms.

<FORM METHOD="POST" ACTION="script.cgi">
Colors you like<BR>
<INPUT TYPE="checkbox" NAME="color1" VALUE="Red"> Red<BR>
<INPUT TYPE="checkbox" NAME="color2" VALUE="Green"> Green<BR>
<INPUT TYPE="checkbox" NAME="color3" VALUE="Blue"> Blue<BR>
<INPUT TYPE="submit" VALUE="Send Information">
</FORM>

The INPUT tags are defined to be of the 'checkbox' TYPE.

3.3 Radio buttons

This field type allows for only of of many options to be selected in html forms.

<FORM METHOD="POST" ACTION="script.cgi">
Your favorite color<BR>
<INPUT TYPE="radio" NAME="color1" VALUE="Red"> Red<BR>
<INPUT TYPE="radio" NAME="color2" VALUE="Green"> Green<BR>
<INPUT TYPE="radio" NAME="color3" VALUE="Blue"> Blue<BR>
<INPUT TYPE="submit" VALUE="Send Information">
</FORM>

The INPUT tags are defined to be of the 'radio' TYPE.

3.4 Drop down menus

This field type offers multiple choices in a drop-down menu within html based forms.

<FORM METHOD="POST" ACTION="script.cgi">
Your favorite color<BR>
<SELECT NAME="color">
    <OPTION VALUE="Red"> Red<BR>
    <OPTION VALUE="Green"> Green<BR>
    <OPTION VALUE="Blue"> Blue<BR>
</SELECT>
<INPUT TYPE="submit" VALUE="Send Information">
</FORM>

The SELECT html tag is used to start the drop down menu. The OPTION tags add options to the menu.

3.5 Multiple lines of text

This html field type allows for large multiple lines of text to be entered into this form example.

<FORM METHOD="POST" ACTION="script.cgi">
Your address<BR>
<TEXTAREA NAME="address">
</TEXTAREA>
<INPUT TYPE="submit" VALUE="Send Information">
</FORM>

The TEXTAREA tag adds a larger input box to forms.

3. Downloading files

Links can also be used to offer files for download.

When someone clicks on these links, their browser will pop up a box offering to download the file.

<A HREF="demo.zip">download the file</A>

Top of Page