Learn Basic HTML

By:
ColdPhear@aol.com

HTML means HyperTextMarkupLanguage, which is just code that Internet Browsers receive and translate into text, images, link, etc. that show up at a website. It doesn't show up as code because of these little tags <..> that tells the browsers a command.

Layout

This section is basically easy. But there are little annoying things you have to type, and another thing don't type the dot when writing HTML this is just so it will show up on screen, i'll explain later.

1. You start with: <.html.>

2. Then the title (which is at the top of the browser) of the page is typed like this:

<.title.>Whatever Title You Want<./title.>

Okay one little thing to add but the most important thing to me about HTML:
To end a command use <./.> that little slash tells tells the browser to end what ever you were doing.

.3. Then you type:

<.body.>

This has tag has 6 sections:

background="image"

Which is the background image
bgcolor="rgb_code"
Which is the background color
text="rgb_code"
Which is the text color
link="rgb_code"
Which is the link color
vlink="rgb_code"
Which is the visited link color
alink="rgb_code"
Which is the active link color

4. RGB_code which means RedGreenBlue is fairly simple:

#000000
/ / /
R G B

Its 6 digits, the first 2 are red, the second 2 are Green, and the last 2 are Blue. If you want a certain color then you figure the code. But if your lazy and will take basic colors then type:

#000000

Black
#ffffff
White
#ff0000
Red
#00ff00
Blue
#0000ff
Green
#ffff00
Yellow

5. To finish the layout type:

<./body.> To end the body tag
<./html.> To end the html tag

So it should all look like this:

<.html.>
<.title.>Whatever Title You Want<./title.>
<.body bgcolor="rgb_code" text="rgb_code" link="rbg_code" vlink="rbg_code".>
This is where the visible text, links, images go.
<./body.>
<./html.>

Links

For those who don't know what a link is it's when you put your mouse arrow to something and that little hand with the pointing finger shows up and when you click it, it takes you to another page. But back to the subject. This section is short and easy to understand.

1.The first tag for links is the common A tag, this is just a regular link that takes you somewhere else, and its typed like this:

<.a href="http://www.pojo.com/dragonball".>Link Name<./a.>

Thats an example so that link would take us to pojo.com/dragonball. Just enter a link name and there is your link.

You can shorten the URL that goes inside the HREF section some. If the place where you desire to link to is on the same server, all you need to put in is:

<.a href="/location/document.html".>Link Name<./a.>

You can shorten the URL inside the HREF section even more if the place where your desire to link to is on your own webpage. It would be shortened like this:

<.a href="document.html".>Link Name<./a.>

Images

This section is so easy, well the first part anyway.

1. To get image just type:

<.img src="image.gif".>

Where "image" is the name of the image, and "gif" is the format (gif, bmp, jpg,....), but first you have to upload the picture to your website server. You can also make an image a link by typing:

<.a href="http://www.pojo.com/dragonball".><.img src="image.gif".><./a.>

And to make the border disappear type:

<.a href="http://www.pojo.com/dragonball".><.img border="0" src="image.gif".><./a.>

End of Basic HTML