BASIC HTML

So, have you always wanted a webpage but never new how to write HTML. Well HTML(Hyper Text Markup Langue) is a very simple langue. You create the webpage one your computer and then put it onto a server.

For now we are not going to worry about putting your page on-line, but on getting you to make a web page.

The first command that you need to know is this

<HTML>

This command starts off your webpage everytime

and </html> will end your web page



Part#2-Title and headers

Now you will learn two more command the

<Head> and <title>commands

The the <Head> command is mainly for search engines. The search engines use this information to classify your webpage.

<title> write title <title>of my webpage.

If you look to the top left hand corner of your screen you will see the title of my page HTML HELP

You also have to end your <title>and <head>by </title>and </head>

So far this is what your source should look like


<html>
<head>
<title>What ever your title maybe mine is HTML HELP</title>
</head>
</html>


Now we get to the good stuff The <body> command



This command goes after your <head> command.

After your <body> command is where all of the stuff that goes onto your web page goes and between </BODY>

This is what your source should now look like!

<html>
<head>
<title>What ever your title maybe mine is HTML HELP</title>
</head>
<body>
</BODY>
</html>

MOVING RIGHT ALONG TO TEXT

The first way you can put text on your webpage is by the command <p>:!

Let say that you wanted to say what your name was,ok you would put

<p>My name is John Doe or Jane Doe</p>

This is what your overall source code would look like

<html>
<head>
<title>What ever your title maybe mine is HTML HELP</title>
</head>
<body>
<p>My name is John Doe or Jane Doe</p>
</BODY>
</html>

you can also use something called headers to write text

for example

<H1>My name is Jane doe</H1>

You can use <H1> To <H6>

<H1> looks like this:

THIS IS WHAT H1 TEXT LOOKS LIKE

<H6> lools like this:

THIS IS WHAT H6 LOOKS LIKE

<H1> is the largest and gets smaller until <H6>

The last thing I am going to show you is making a link

Lets say that your friend had a webpage and you wanted to put a link from yours to hers. Lets say that your friends webpage address is http://www.friendswebpage.com

This is the source code for the link

<A Href="http://www.friendspage.com">LINK TO MY FRIENDS PAGE</A>

The Link to my friends page is going to be what the link says on your page

for example LINK TO MY FRIENS PAGE

This what your source code will look like now!


<html>
<head>
<title>What ever your title maybe mine is HTML HELP</title>
</head>
<body>
<p>My name is John Doe or Jane Doe</p>
<H1>My name is Jane doe</H1>
<A Href="http://www.friendspage.com">LINK TO MY FRIENDS PAGE</A>
</BODY>
</html>

Now there is only One more things you need to now how to do for a basic html page

Pictures

Lets say you have a picture called Mycat.gif

The source code for this would be

<img src="Mycat.gif">

Now this is what your Webpage source code should look like


<html>
<head>
<title>What ever your title maybe mine is HTML HELP</title>
</head>
<body>
<p>My name is John Doe or Jane Doe</p>
<H1>My name is Jane doe</H1>
<A Href="http://www.friendspage.com">LINK TO MY FRIENDS PAGE</A>
<img src="Mycat.gif">
</BODY>
</html>

If you would like to see what your web page would look like CLICK HERE 1