|
|
HTML stands for Hyper Text Markup Language. This language is used to make web pages. Every web page you have ever seen is made by using this language. Even this pages is made by this language. If you want to see how I have used this language to make this page. Just click on "view source" in view menu of your browser. In source you will see that some of the text is writen in these kind of tags : <Hello> </Hello>. All the text in these tags is what we call HTML and all the other text is the text you see on the page.
To use HTML all you have to do is tell your browser what to do by using these tags <Hello> </Hello>. As you see the first tag doesn't have any slash(/) in it and the second tag does have slash in it. The first tag is used to start the effect you want to make and the second tag is used to end the effect. For example if you want to underline some text you will do it like this: <U>All the text in these tags is underlined. To stop this effect I need to use the second tag with slash in it like this : </U> ( U stands for underline).
Second thing you need to learn is that when you want to use more then one effect on same thing you don't use diffrent tags. You need to use one tags with all the effects for example if you want the font color to be red and size to be 4 you will do it like this: <FONT COLOR="red" size="4"> All the text between these tags is in red color and it's size is 4</FONT>. You don't do it like this <FONT COLOR="red"> <FONT SIZE="4"> Your text here</FONT> </FONT>. If you do it like this then only one tag will work depending on your browser.
Third thing is that some of the tags desn't requires the second tag with slash in it. For example: if I want to put any image in my document I will do it like this <IMG SRC="myimage.jpg">. This will put your image file named myimage.jpg into your document. For this I didn't need any second tag with slash in it. (IMG stands for Image) and (src means it location). For example if your myimage.jpg file is saved in folder called MY Documents and it is in your drive c:\. You will do it like this <IMG SRC="file:///c:/my documents/myimage.jpg">
Now you might wanna give it a try. Go to your windows Notepad and in the first line type this tag <HTML> and in the last line type this tag </HTML>. This will let your browser know that the document between
these tags is going to be HTML document. In your second line type this line <TITLE>Your title here</TITLE>. This will be the title of your page. After this you might want to decide what should be your background's
color, text's color and link's color. For example: if you want your background color to be Black and text's color to be white and you link's color to be red. You will do it like this:
<BODY BGCOLOR="black" TEXT="white" LINK="red">
So type this line or you can choose diffrent color if you want. Now you should put a heading on your page. To put heading size 1 you need to do it like this:
<H1>Welcome to my homepage</H1>. If you wish to put this heading into center
you will need to put <CENTER></CENTER> tags around heading tags. Now it's time to put a image into your page. Use the following tags to put the image:
<IMG SRC="TYPE YOUR IMAGE'S LOCATION HERE">. If you don't have any Image, then you
can use one of the images I have made for you. To do so type in the following address in " " of your image tag: http://business.fortunecity.com/lucar/122/images/myimage.jpg"> e.g <IMG SRC="business.fortunecity.com/lucar/122//images/myimage.jpg">. Last thing you need to do is
put a link so do it like this:
<A HREF="http://business.fortunecity.com/lucar/122/">CLICK HERE</A>. Now at the end type these to tags </BODY>&nbs;</HTML> to close your body and html.
To save your page go to File menu and choose "save as" and save it as mypage.htm. If you are using windows® 3.1 you should save it as .htm file and if you are using windows® 95/98/NT you can save it as .html file. Now go to your browser
Microsoft® Internet Explorer or Netscape and open you page. Your page's source should look like this:
<HTML>
<TITLE>MY First page</TITLE>
<BODY BGCOLOR="black" TEXT="white" LINK="red">
<CENTER><H1>WELCOME TO MY HOMEPAGE</H1></CENTER>
<IMG SRC="http://business.fortunecity.com/lucar/122//images/myimage.jpg">
<A HREF="http://business.fortunecity.com/lucar/122/">CLICK HERE</A>
</BODY>
</HTML>
CLICK HERE to see what you page should look like.
If your page is looking like the way it should be then you are ready to go on. Your HTML turorial is Finished. Now you know how to make web pages. You can go to homepage
and click on other types of tags you want to learn. If your page doesn't look like the way it should be please send me E-mail at [email protected] and I will help you with it.