Admins101.com - Tutorial: Putting all the codes together

So now that you have all your codes you think you need for your page, how do you put it all together? Every web page, be it with MyLeagues or anywhere else should have these basic tags. This tutorial and many more can be found at our help forums. Make a note that if you plan on adding these codes DIRECTLY to your announcement area, you CAN NOT use words such as meta, script and system.

Every web page, be it with MyLeagues or anywhere else should have the very basics, so that all browsers can render the page correctly.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>TITLE OF YOUR PAGE</title> <style> STYLES GO HERE. </style> OTHER PAGE INFORMATION (IE META TAGS AND MOST JAVASCRIPTS) GO HERE. </head> <body> PAGE CONTENT GOES HERE. </body> </html>

Let's break it all down:

-- This tag tells the browser what type of document it is trying to display.

and it's closing partner -- This is the beginning and end of your page. In an html page, you should have nothing above or below these tags (except the doctype tag which goes above the opening html tag).

-- This is the section where you put information that the browser needs to display your page, but won't be displayed on the page. Examples of information that goes in this area are the title tag (discussed next), meta tags, CSS style tags, and most Javascript tags.

and it's closing partner -- The title of your page goes here. This is the title that shows up in the title bar at the top of the browser window.

and it's closing partner -- All of your embedded styles for your page go between this set of tags.

-- This is the closing partner to the tag. It tells the browser that we're through feeding it information and we're about to start putting stuff on the actual page.

-- This is the start of the actual content that is going to be displayed on the page. All of your actual page content (text, images, tables, iframes, SOME Javascripts) goes here.

-- This is the closing partner for the tag. It goes at the bottom, after all of your page content. It tells the browser that we're through displaying stuff on the page now.

-- This is the final tag that should be on your page. It is the closing partner for the tag. It tells the browser that this is the end of the whole HTML document.

You should NEVER, EVER, EVER have more than ONE of each of the tags shown in bold above in your page.

The html tags above ALWAYS go in the order shown above.

You should NEVER have any page content outside of the and tags and their closing partners.

The

<!doctype> tag should always be the FIRST thing on your page.

If you are new to HTML, it might be a good idea to start out coding your page by coding the basic tags first and then adding your page content in the appropriate areas.

Last of all, when you save your page, you should ALWAYS save it with either an .html or .htm extension. Saving your HTML page with any other extension, such as .txt, may cause your page not to be displayed in any other browser besides IE.

Published on: 2006-03-19 (3156 Reads)

[ Go Back ]