On this page I"ll try to help you in starting your webpage but first you must learn some basic HTML. If you don't know what it means "HTML" stand for Hypertext Markup Language, it"s the language your browser read, so let's start:
The (HTML)
Here's how the HTML is written. Note I changed the > < to the ( ) just changed it back when your ready to start, it's important so don't forget.
(HTML) (HEAD) (TITLE) (/TITLE) (/HEAD) (BODY) (/BODY) (/HTML)
As you can see it"s easy, that's all you need to know to start your page, also you need to learn some more tags, I'll explain it later.
The (HTML) Start your page and the (/HTML) closed the page.
The (HEAD)
Identified the first part of you HTML which contain the title.
The (TITLE) You have to title your page, don't use long title, use short one that explain your theme. It also appear on the small box on your browser. The tags for this are:
(HEAD)(TITLE)put your title here(/TITLE)(/HEAD)
The (BODY)
This is the part that contain everything on your page, you start by putting the Heading, then you put information about the colors of the background, the text, the links, the vlinks. It also contain the graphics and most important of all the information about your page.
The (HEADING)
This is the title of your page not the other one that show up on the browser box. It's enclose by a header (H),(/H), there are six types of header, and the tags for this are :
(H1) HEADER 1 (/H1)
(H2) HEADER 2 (/H2)
(H3) HEADER 3 (/H3)
(H4) HEADER 4 (/H4)
(H5) HEADER 5 (/H5)
(H5) HEADER 6 (/H6)
The (COLORS)
This let you control several items in the page, the (BODY BGCOLOR) which control the background, the (TEXT) which control the text colors, the (LINK) which control the unvisited hyperlink colors, the (VLINK) which control the visited hyperlink colors, the (ALINK) which control the active hyperlink colors, I suggest you leave the (ALINK) for now. All of this should be written in one complete statement. The tags for this are:
(BODY BGCOLOR="color code"TEXT="#color code"LINK= "#color code"Vlink="#color code") You can use the RGB hex triplet for color code or use the supported name colors. For example of the RGB colors:
(BODY BGCOLOR="#FFFFFF") This produced a white background
(TEXT="#000000") This produce a black text
(LIMK="#00FF00") This produce a blue link
(VLINK="#DB70D8') This produce purple vlink
If you want to use a different background, use the full "URL" Uniform Resource Locator.
(BODY BACKGROUND="image.gif")
which will give you the image as background.
The (LINKS)
Which is commonly known as "hyperlink" is your tool that make your page connect to other sites and others to link back to you. So the first thing you need in building a link is the "URL" of the site you ars linking to, then decide what word on your page will act as the link. The links are generally in different colors than the rest of you page, also you need to know the tags that goes along with it, the tags are:
The (A) (/A)
Stand for anchor used in links and in setting destination
The (Name)
Is use to determined the way in targeting the part of the page you want to go to, this is use with another tag, the "HREF"
The (HREF)
Which stand for Hypertext REFerence, use to create a link to a place in your page to another page in the same system or in a page in another system, it is use with anchor tags. The tag for this are :
(A HREF="URL") This is my page (/A)
Notice that the word "this is my page" is highlighted and you can click in to it which will bring you to that page. Always remember to close the link with the (/a) to end it.
To link to a document within your page let say the "LINKS" you need to do two things.
1.You have to specifies a target to go to in this case you go to the "lINKS" and write:
(a name="LINKS")LINKS(/a)
You'll notice that there is no difference in apperance, the "LINKS" look the same but it's our target.
2.Insert a link to be clicked to cause a jump
(a href="#LINKS")Go there(/a)
To link to a document in your system let's say the main page.Also remember that in linking to a page in your system which is called a relative path, you don't need to write the whole "URL" the "http://www"could be disregarded and just write (a href="/URL')(/a) don't forget to changed the ( ) to > < or it will not work.The tags are:
(a href="URL")Main Page (/a)
To link to a page outside your system the tags are:
(a href="http://www.news.com")Get your News Here
This will bring you to a site call "News" notice that I put the whole "URL" address.
The (GRAPHICS)
Well here is the good part, everyone want's cool graphic. First look for graphics that you like, the web is full of them. Second upload them in you directory, if you are geocitizen use the FTP in the utility, it have instruction to guide you.Last of all make a link to them. this time we will use a different tag called "Image Search" The tags for this are:
(IMG SRC="URL") don't forget to change the ( ) to > < or it won't work! example:
(IMG SRC="image.gif")
Will give you this image.
Or you can put the image to the right, left, top, bottom by using the "align tag.
(IMG SRC="Image.gif" align=right>
As you can see the image is on the right.
Also you can put the image in the center by putting the center tag. (center)text (/center)
(center)(IMG SRC="Image.gif")(/center)
Or you can conbined the image with other elements.
(IMG SRC="Image.gif"align=bottom)(A HREF="#LINKS")LINKS(/A)
There you have it, now you have what you need to start your page. I hope this tutorial help you a lot, I tried my best to make it simple as possible. Please sign my guest book and "GOOD LUCK".
© 1997 renshai@webtv.net