HTML Help Page 2
Another way of viewing HTML is to think of it as a building block...a building block of written codes.
Looking at the picture of the Castle to the left, you know it took many bricks to build. HTML Codes are also the "bricks" needed to make the Castle...which will be your Web Page.
Have fun, and best of luck.
The Basic HTML Codes are called the container tags.These tags must have a beginning and an ending tag.
The beginning tag is the code in the brackets: <CODE>
The ending tag is the code name with a forward slash in front, also between two brackets: </CODE>
Type in the Basic HTML Codes in the TEXT or HTML EDITOR
<HTML> (Beginning of Web Page..always start with this code)
<HEAD> (The Beginning of Header Area)
<TITLE> Type in the title of the web page
(The title will be seen in the in top bar of the window;
Please be sure to close the Title with the code)
</HEAD> ( The close of Header Area)
<BODY> (The beginning of Body Area)
(The page contents;what you write in the BODY area)
</BODY> (Close of the Body area)
</HTML> (The end of your Web Page)
Please Remember to use the Close Codes
Between the BODY tags is where you put your information. You can either type it in, or copy and paste from another document. Please honor the copyright law.
<P>Text of Paragraph
The Paragraph HTML Code makes your text look like a paragraph, and this makes for a neat and easy to read text.
Remember, the text will not have any breaks, spacing or style unless you use the correct codes.
The Image Tag
<IMG scr="directory image is in/images/name of image.gif">
.jpg must be used in place of .gif if your picture is a jpg image.
When we first started with HTML we had a lot of mixing up of .jpg and .gif
You learn fast what your images are after you make a mistake or two.
If you use the .gif code and your image is a .jpg image, or vise versa, the picture/image won't appear on your web page.
Please don't forget the quotation marks as seen in the example, or your image will not appear on your web page.
A good way to make your graphics load faster is to use the width and height attributes.
If a graphic is 100 pixels wide, and the height is 150 pixels, after the graphic command, write (example); width=100 height=150. Close command with the ">".
If you want to make a graphic smaller, it's best to re-size it first in a program like Paint Shop Pro, Adobe Photoshop, etc. If you have the original size uploaded on your ftp and
write the width and height attributes to make it smaller, this will not save on loading time.
Please note:*Different browsers such as Netscape and MSIE can and will make your pages look different, especially if a border is used.
We found that if we lined the text next to the border using Netscape, the text ran into the border on MSIE. This made it look very
unattractive, and unreadable at times.
There is a command that will re-size the text to look good on bordered backgrounds when viewed by both MSIE and NetScape.
Try this html code on bordered backgrounds:
<table width=70% align=right>
Place this code at the top of your page, after the color commands for links, vlinks, etc. and before your header command.
Please be sure to put it again on the bottom of the page, just above the
Make sure you use the close command before the table, tr and td.
You may have to adjust the numbers, depending on the size of the border. The larger the border pattern, the smaller the table width number is.
How To Make Links
This is a basic link code. Please be sure the URL you are linking to is correct. Just the smallest mistake will cause the wrong link to appear, or an ERROR message.Most of the time, an ERROR message will appear if the incorrect URL is typed in the Link Code.
There are several excellent books you can get on HTML.
We recommend Using HTML by
Mark R. Brown and Jerry Honeycutt
The SPECIAL EDITION of the above book has a great CD-ROM to go with it.
For non-java browsers
To Main Index