A Basic start to HTML

caiba · Post by **caiba** » Sat Apr 14, 2007 11:57 am

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

Saromus · Post by **Saromus** » Sun Apr 15, 2007 8:26 pm

Wow nice tutorial. this will help many ppl just getting a start to html. nice work.

kainengland · Post by **kainengland** » Tue Apr 17, 2007 2:19 am

cool nice work

shawn · Post by **shawn** » Tue Apr 17, 2007 1:57 pm

Nice.It will help many people to start a website.

Vista · Post by **Vista** » Fri Jun 08, 2007 4:56 pm

Wow Nice work
thank u man

webdesigner · Post by **webdesigner** » Sat Jun 09, 2007 2:37 am

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 .

anish · Post by **anish** » Sat Jun 09, 2007 6:37 am

Nice starter tur

sakhan · Post by **sakhan** » Sat Jun 09, 2007 7:34 am

cool nice work done it should really help new comers