You too can build your own home page. All you need is a computer, a modem,
a telephone line, an ISP (Internet Service Provider) and this guide. Sure,
you need an operating system, ac power, an editor and all that stuff, but this
is a basic "how-to", no need to over complicate this thing...
Anyway, at a minimum for a page you will need the following "TAGS":
1) <HTML>
2) <HEAD> <TITLE>
3) </TITLE> </HEAD>
4) <BODY>
5) main stuff here - see text for info
6) </BODY>
7 </HTML>
----------------- DESCRIPTION OF TAGS: --------------------------------------
1) The HTML tag. The tag will look like this: < html >
This indicates the start of the code.
Many browsers will happily digest and read a file without it. Play it safe, use it.
(NOTE: if you are viewing the source to this file you will notice that in the
actual file it says "ampersand l t semicolon html ampersand g t semicolon".
It is done this way to DISPLAY the special characters without making them
do their special function. The special codes are available on my web site at:
iso8859-1.html
2) The HEAD TITLE tags. These tags will look like this:
< head > < title >
These are used to capture the information that will appear on the WINDOW bar of the browser.
The following is an example of the Jeep Codes page that is elsewhere on this site:
<head> <title> Jeep Codes </title> </head>
>body>
<body bgcolor="#abcdef" text=#000000">
The bgcolor is the background color. note that text is black. These are hexadecimal values.
<hr> is directly above, or a horizontal rule
only in a
above is an image, it is called up with the following command:
<img src="//www.virtual-cafe.com/~john/JEEP/jeep.gif" height=100>
The best bet is to always fully resolve the name of the file. If the source html file
is moved on your site, or copied elsewhere, it will still be able to reach the image. If
you move the image, however, you will need to change the code. The height command restricts
the image to 100 PIXELS.
The following text is "preformatted" with the <pre> tag.
* * * J E E P C O D E S * * *
-------------------------------
FULL SIZE JEEPS ------ the text is bolded by the <b> tag.
SJ - Wagoneers - 63 - 83 REMEMBER to use the </b> tag to STOP bolding.
the command to end preformatted text is </pre> . It is IMPERATIVE that
you close tags. The only tags that do not need to be closed are listed on
the
the page for basic tag information. and are <P> for paragraphs,<BR> for
breaking a line, and <HR> for the horizontal rule. There are others that
do not require a follow on tag to close, but we'll leave it at these for now.
to off-road.com's FSJ page
An image may be inserted anywhere, including inside a reference tag. It might be helpful to
view the source for this file from the browser menu, or save the file to your hard drive and view
it with notepad or related ASCII text editor. The command used to create the image and provide
a link looks like this:
<center> <a href="http://www.off-road.com/4x4web/jeep/fsj"><br>
<img src="fsj-250x150.jpg">
to off-road.com's FSJ page </a>
</center>
to john's virtual-cafe page.
to john's jeep page.
to create links to other pages, as above, the code looks like:
<a href="http://www.virtual-cafe.com/~john/">to john's virtual-cafe page.</a> <br>
<a href="http://www.virtual-cafe.com/~john/JEEP/JEEP.html">to john's jeep page.</a>
email to john@virtual-cafe.com
to have someone send you email, the code looks like this:
(note the center tags and how it displays)
<center>email to <a href="mailto:john@virtual-cafe.com"> john@virtual-cafe.com </a>
</center>
To then close out the file you will need to include the following tags:
</body>
</html>
This page hosted by
Get your own Free Home Page