THE BASICS OF HTML CODING

HTML stands for hypertext markup language. It is a collection of commands used to post information on the World Wide Web. To see an example of the text your browser reads, select View Source from the browser menu while online. A new window will open containing the contents of the file, with all the HTML tags.

Basic HTML Tags

<HTML> </HTML>
These tags begin and end every HTML document. They tell the browser that what falls between is HTML code.

<HEAD> </HEAD>
These tags contain descriptive information, such as the title.

<TITLE> </TITLE>
These tags contain your document title. It is displayed in the top bar of the browser window.

<BODY> </BODY>
These tags contain the content of the page: text, graphics, tables, forms, etc.

The tags above are organized as follows to create a document:

<HTML>
<HEAD>
<TITLE>A Simple Page</TITLE>
</HEAD>
<BODY>Type your text here</BODY>
</HTML>

Other Useful Elements

<P> </P> are used to begin and end new paragraphs. HTML does not recognize carriage returns.

<H1> </H1> are used for headers. Headers are slightly larger and more bold than normal text. There are 6 levels. The number following H could be 1-6, 1 being the largest.

<UL> </UL> Unnumbered list.
<OL> </OL> Numbered list.
To obtain a bulleted list, start with <UL>, followed immediately by <LI> for each item to be bulleted. End with </UL>

To change background color, in the <BODY> tag, include BGCOLOR="xxxxxx" where the x's are a 6-letter and/or number code for the color. Common color names, like "red" may be used in place of the x's.

To add a wallpaper, in the <BODY> tag, include BACKGROUND="images/file name". "images" should be the name of a folder in the folder containing the HTML document, and "file name" is the name of a graphic in the "images" folder.

<img src="images/file name" will insert an image named "file name" from the images folder.

<A HREF="HTML page name" will link to another page.

<A HREF="mailto:person@server.com" will create a preaddressed E-mail.

<HR> inserts a horizontal rule, <B> <B/> creates bold text, and <I> </I> creates italic text.

<TABLE> </TABLE> defines a table, <TR> </TR> specifies a table row, and <TD> </TD> defines a table data cell. By default, text in a cell will be aligned left and centered vertically.

Home | About WebWizards | See Our Work | Articles | E-mail Us | What Clients Say