Beyond the Sidewalks
HTML Hints and Codes
Instructions

As you probably now understand, web pages are written in html code and are not simple word documents.  You can see the code for a web page by right clicking and selecting View Source in the box that pops up.  In most cases, you can apply a few simple codes to text and work miracles on your web page.  The following are some general notes... if you need more help, holler.

Useful HTML Code and Tips
The following are useful HTML codes that will enhance your final web page.  Please note that in HTML, you will usually need the beginning code and the ending code or it may not work properly.  The beginning code is enclosed like this:  <P>,and the end code has a slash like this:  </P>. 

<LI> List with bullets or numbers. If you want to add items to an existing list every line must start with this code. This is one of the few codes that does not need an ending code.

<B>bold</B> Or sometimes you may see <strong> </strong>
<i>
italic</i>
<U>underline</U>
<big>
increase font size by one size</big>

One very  handy bit of code will insert a horizontal line.  Just enter <hr>

<font>change font or color </font>  For example, by adding the following:  <font color="red">Temporarily SOLD OUT</font> You will add a Red Sold message to your page.  Modify the wording as you wish.  Not all colors will work via word, but you can also use a color chart and the numbers for those colors.

 If you are adding a hyperlink to an image so that it can be enlarged, do so in the following format:
<a href="../images/imagename-enlarged.jpg"><img src="../images/imagename_small.jpg"  width="210" height="150"></a>

The hyperlink is enclosed within the <a > ....</a> tags.  The href="..... " refers to the actual hyperlink or enlarged image.  The image that you see on the page is enclosed within  the <img src="......">   tag.  Be sure you have loaded BOTH images or this will not work.

 Images
Be careful about the size of your image files.  They should be saved at about 70 DPI.  Small images should be only a few KB. To optimize images, use your image program or go to the IMAGE INFORMATION page for free online optimization programs.

That's it. 
You now know the basics of some HTML Codes and your website.  Have fun, and don't be afraid to experiment.   It may take several attempts before you get it right, but it will be well worth it in the long run.

Back to previous page

Presented Courtesy of

 

Note: All Rights to this article are reserved. 
 If you would like to copy, distribute, or use this please contact us