Page 1 of 1

A Basic start to HTML

Posted: Sat Apr 14, 2007 11:57 am
by caiba
If you know A bit of HTML already then this tutorial is not for you, This will not show anything fancy.

1. Open notpad or any other desired HTML Editor.

2. To start a HTML **** we need to tell the computer/server that the **** it is dealing with is a HTML ****, therefor the first thing we put in the **** is <HTML> (Can be lowwer case).

3.You will then want a Title for your page. This is what is shown on the top bar of your web browser.
So Create a new line and put

Code:

<TITLE>My Web Site</TITLE>
The </TITLE> is telling the web browser to stop reading the **** as the title. when you want to tell it to stop reading something you always put </syntax> (Syntax being the tag.) There are a few exeptions to this rule.

3. Now for what is shown on the webpage.
For this you would put <BODY>
This is telling the web browser what will be in the 'Body' of the webpage i.e what is displayed.
you can now write whatever you want and it will show up on the web page.

For a new line in any text you will put

This comes under the exeption of the closing </ as it doesn't require a closing 'tag'. I.e you don't need to tell the web browser to stop reading it as a new line... the 'space'/> tells the web browser that a closing tag is not required.

4.When you have finished you need to tell the web browser to stop reading it as what is shown (body), therefor you need to put </BODY> (the </ telling it to stop.)

5. To end the entire **** you will need to tell the browser that it is no longer needed to read the ****... so you will put </HTML>

So far your code should look like the following:
Note: The 'tags' are not required to be in Caps.


Code:

<HTML>
<TITLE>My Web Site</TITLE>
<BODY>
text text newline

text text
</BODY>
</HTML>
Note: you can put the 2nd line of text text on the ame line as the
and it will still be put on the next line when displayed in a browser.
i.e


Code:

<HTML>
<TITLE>My Web Site</TITLE>
<BODY>
text text newline
text text
</BODY>
</HTML>

You may now save the **** with the extension .html or .htm
Eg. myfirstpage.html

You can then open it up in IE or FF or any other browser and see the results.

The above tutorial will display the following on a web page:



text text newline
text text

Posted: Sun Apr 15, 2007 8:26 pm
by Saromus
Wow nice tutorial. this will help many ppl just getting a start to html. nice work.

Posted: Tue Apr 17, 2007 2:19 am
by kainengland
cool nice work

Posted: Tue Apr 17, 2007 1:57 pm
by shawn
Nice.It will help many people to start a website.

Posted: Fri Jun 08, 2007 4:56 pm
by Vista
Wow Nice work
thank u man

Posted: Sat Jun 09, 2007 2:37 am
by webdesigner
THanks for sharing that tip, until now i can code without the help of WYSIWYG editors.. Am using notepad from the start.. but being practical am using Dreamweaver .

Posted: Sat Jun 09, 2007 6:37 am
by anish
Nice starter tur

Posted: Sat Jun 09, 2007 7:34 am
by sakhan
cool nice work done it should really help new comers