Xtreme Coder

HTML Introduction
HTML Get Started
HTML Basic
HTML Elements
HTML Attributes
HTML Headings
HTML Paragraphs
HTML Formatting
HTML Styles
HTML Links
HTML Images
HTML Tables
HTML Lists
HTML Forms
HTML Frames
HTML Colors
HTML Colornames
HTML Colorvalues
HTML Quick List


HTML Advanced
HTML 4.0 Why
HTML CSS
HTML Head
HTML Meta
HTML Scripts
HTML Entities
HTML URLs
HTML URL Encode
HTML Webserver
HTML Summary


HTML Examples
HTML Examples
HTML Quiz



HTML References
HTML Tag List
HTML Attributes
HTML Events
HTML Colornames
HTML Colorpicker
HTML Character Sets
HTML ASCII
HTML Symbols
HTML URL Encode
HTML Lang Codes
HTML Status Codes

HTML elements
The elements themselves can also have requirements about where they may occur, and which elements may occur inside them. This is only important in the BODY section of a document. In here, elements can be grouped in two distinct groups: block level and text level elements. The former make up the document's structure, and the latter "dress up" the contents of a block. An element in HTML represents some kind of structure or semantics and generally consists of a start tag, content, and an end tag.
Elements for the HEAD section
The HEAD section of a document may only contain the following elements. If any other elements, or plain text, occurs inside the HEAD section, the browser should assume the HEAD ends here, and start rendering the BODY.

• TITLE - Document title
• ISINDEX - Primitive search
• META - Meta-information
• LINK - Site structure
• BASE - Document location
• SCRIPT - Inline script
• STYLE - Style information
Elements for the BODY section
Block-level elements
The BODY of a document consists of multiple block elements. If plain text is found inside the body, it is assumed to be inside a paragraph P. See the syntax rules for an explanation of the syntax used in the overview.
Headings
• H1 - Level 1 header
• H2 - Level 2 header
• H3 - Level 3 header
• H4 - Level 4 header
• H5 - Level 5 header
• H6 - Level 6 header
Lists
• UL - Unordered list
• OL - Ordered list
• DIR - Directory list
• MENU - Menu item list
• LI - List item
• DL - Definition list
o DT - Definition term
o DD- Definition

Text containers
• P - Paragraph
• PRE - Preformatted text
• BLOCKQUOTE - Large quotation
• ADDRESS - Address information
Others
• DIV - Logical division
• CENTER - Centered division
• FORM - Input form
• HR - Horizontal rule
• TABLE - Tables

________________________________________
Text-level elements
These elements are used to mark up text inside block level elements. Some block level elements exclude certain text level elements, and some text level elements may only appear inside specific block level elements. This is documented in the section on that block level element.
See the syntax rules for an explanation of the syntax used in the overview.
Logical markup
• EM - Emphasized text
• STRONG - Strongly emphasized
• DFN - Definition of a term
• CODE - Code fragment
• SAMP - Sample text
• KBD - Keyboard input
• VAR - Variable
• CITE - Short citation
Physical markup
• TT - Teletype
• I - Italics
• B - Bold
• U - Underline
• STRIKE - Strikeout
• BIG - Larger text
• SMALL - Smaller text
• SUB - Subscript
• SUP - Superscript

Special markup
• A - Anchor
• BASEFONT - Default font size
• IMG - Image
• APPLET - Java applet
o PARAM - Parameters for Java applet
• FONT - Font modification
• BR - Line break
• MAP - Client-side imagemap
o AREA - Hotzone in imagemap
Forms
• INPUT - Input field, button, etc.
• SELECT - Selection list
o OPTION - Selection list option
• TEXTAREA - Input area

Tables
• CAPTION - Table caption
• TR - Table row
• TH - Header cell
• TD - Table cell

HTML is the "mother tongue" of your browser.
"HTML are initials that stand for Hyper Text Markup Language" 

HTML stands for the HyperText Markup Language. Web sites are created with the codes of the HTML language. HTML is extremely easy to learn, and it's completely free to code web sites with it. (You don't have to pay a license fee to use HTML.)
HTML allows web sites to bring together graphics, music, video and links. The HTML code you type can be viewed on any computer. If you type it on a Windows PC, it can be viewed on both Windows and Apple computers, and if you type it on an Apple Mac, you can view it on both Macs and PCs. It doesn't matter what computer someone uses, as long as it has Internet access.

HTML is a language, which makes it possible to present information (e.g. scientific research) on the Internet. What you see when you view a page on the Internet is your browser's interpretation of HTML. To see the HTML code of a page on the Internet, simply click "View" in the top menu of your browser and choose "Source".

Add caption

In this first Chapter, you will get a brief presentation of the tools you need to make a website.

Beginners: For those wanting information firstly on how to create your own webpage, we recommend starting with our HTML Tutorial. You will also need to grab yourself aHTML Editor and possibly a Graphics Editor if you don't already have them. 

Intermediate: At this level you already know how to create a basic website and are ready to add some more flavor to your design. In this case, you might like to check out our javascript's, online website tools or Corel Paint Shop Pro tutorials. Dreamweaver Tutorials are also popular for those starting to upgrade to a more professional website editor.

Advanced: Webmasters who have been around for quite a while will find our CSS,Photoshop and Flash tutorials useful, as well as our articles on how to generate Internet Income to help make your site pay for itself.

What is needed?

Most likely you already have everything you need.

You have a "browser". A browser is the program that makes it possible to browse and open websites. Right now you are looking at this page in your browser.

It is not important which browser you use. The most common is Microsoft Internet Explorer. But there are others such as Opera and Mozilla Firefox and they can all be used.

You might have heard about, or even used, programs such as Microsoft FrontPage, Macromedia Dreamweaver or even Microsoft Word, which can - or claim that they can - create websites for you. Forget these programs for now! They are not of any help to you when learning how to code your own website.

Instead, you need a simple text editor. If you are using Windows you can use Notepad, which is usually found in the start menu under Programs in Accessories:

If you are not using Windows, you can use a similar simple text editor. For example, Pico (Linux) or TextEdit (Mac).

Notepad is a very basic text editing program which is excellent for coding because it does not interfere with what you are typing. It gives you complete control. The problem with many of the programs that claim they can create websites is that they have a lot of standard functions, which you can choose from. The downside is that, everything needs to fit into these standard functions. Thus, this type of programs often cannot create a website exactly as you want it. Or - even more annoyingly - they make changes to your hand-written code. With Notepad or other simple text editors, you only have yourself to thank for your successes and errors.

A browser and Notepad (or a similar simple text editor) are all you need to go through this tutorial and make your own websites.

You can check the location of all your   orkut friends by using the orkut friends map feature. This feature uses google maps to let you see where all of your friends are living around the whole world. Orkut friends map combines the power of google maps with orkutprofiles. You need to follow these simple steps to use this cool feature in orkut:
1. Click the view friends link in the my friends box on your right on the orkut home page.

2. Now click on the friends map tab at the top of the page.

You can now click on a friend’s profile picture to see their location on the map shown. Please know that if we don’t have map data for a particular region or if your friend chose not to put their location in their orkut profile, you’ll see a message “(not on map)” below their profile name.
Please know that if we don’t have map data for a particular region or if your friend chose not to put their location in their orkut profile, you’ll see a message “(not on map)” below their profile name. You can also click on the “tiny little blue men” to see your friends’ locations. By clicking on one of these figures, a bubble will pop open to let you know which friend lives in that location.
When you are signed in to orkut account, you can use this cool feature directly by using this link. http://www.orkut.com/Map.aspx