
Home Website Tutor PHP/MySQL CGI Tutorial Templates Free Scripts Free FTP Tool Free Buttons Free Bullets Free Logos Backgrounds Free Pics Frames

HTML Code Tutorial

Tutor Ebook Download

Outline of a Basic HTML Page

In HTML words or letters enclosed in brackets, < > are called HTML tags.

HTML is not case sensitive. <html> is the same as <HTML>

Notice, that most HTML tags come in pairs. Closing tags always include a forward slash.
Example: <HTML> </HTML>

The main sections of a basic HTML page, HEAD and BODY, are set off by tags. The head and body sections are located within the opening and closing HTML tags.

<HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML>

Head Section

The Head section of an HTML page is located right after the Opening <HTML> tag. It contains your title tag, meta tags and style sheet information. The head section is used to communicate information to browsers and search engine bots.
<HEAD> <TITLE></TITLE> <META> <STYLE></STYLE> </HEAD>

Head Section Contains:

The Title of the page.
Meta tags
Embedded Style Sheets

Do not confuse the <Title> in the <head> section, with the main heading on your page. The Title in the <head> section is what appears on the bar at the top of your browser window. It is also used by search engines to index your page and should include strategic keywords.

<Meta> tags are also used by some search engines to index your HTML page. The basic format of a meta tag is:
<META NAME="" CONTENT="">

See Meta Tags

Body Section

The<Body> section contains all of the code for the page that will display in the browser window.
<body>Code for page goes here.</body>

This is the same as:

<body> Code for page goes here. </body>

Advanced Users Note: The amount of code in the body section and the size of your HTML page can be greatly reduced by using Style Sheets. See also: Working With Fonts.

Take a Quiz on this Information.