Below is a screen shot of a very simple page.
Screen Shot

This is the HTML code used to create the web page above.
HTML text

The header can contain other additional material that is not to be displayed on the page. These can be comments and meta-tags that tell search spiders what is inside the document.

<BODY BGCOLOR="FFFFFF"> - Tells the browser that the body of the document starts here, and that the background is white. For a list of colours, go to: http://hotwired.lycos.com/webmonkey/reference/color_codes
<CENTER> - Centers whatever is between this tag and </CENTER> (the closing tag has a / slash - all tags except for <B> and <P> must be closed)
<IMG SRC="clouds.jpg" ALIGN="BOTTOM"> - Tells it to place a picture and align it with the bottom of any nearby text (Also "Middle", "Left", "Right")
<HR> - Hard Rule, a line.
<a href="http://www.hostmaster.ca">Link Name</a> is a link to another nifty site
It links the text "Link Name" to the URL in the quotes (http://www.hostmaster.ca). If you click on the word Link Name in the browser, it will open the page at the URL.
<H1>This is a Header</H1> - Headers can be sized using tags <H1> through <H6>.
<H2>This is a Medium Header</H2>
Send me mail at <ahref="mailto:support@hostmaster.ca">
support@hostmaster.ca</a>. - Opens a mail box to let people e-mail you from the page.
<P> This is a new paragraph! - The <P> tag creates a paragraph break between sentences.
<P> <B>This is a new paragraph!</B> - The <B> tag creates bold text.
<BR> <B><I>This is a new sentence without a paragraph break.</I></B>- The <BR> tag creates a line break between sentences. - The <I> tag creates italic text. <HR> - Hard Rule, a line.
</BODY> - End of the body.
</HTML> - End of the document.

Note: Approximately 99% of all HTML tags need to be added in pairs. Notice that </HTML> tag is located at the very beginning and the very end of the above document. There are only a handful of tags that do not need this "pair" structure.

 Top
Copyright © 2012  Hostmaster.ca Inc.