Xtreme Coder

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.