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.
Presented Courtesy of
![]()
Note: All Rights to
this article are reserved.
If you would like to copy, distribute, or use
this please contact us