HTML commands

The great thing about the web, and creating web pages in basic HTML is that you have a wealth of knowledge laid out before you and it's all for free! Never before has any media brought you so much for so little. Now building in HTML you don't need lots of expensive materials, programmes, degrees or anything else alot of web sites insist you need. You're viewing this page, so i can assume you have access to a PC, and well, that's pretty much it! if you're using windows you're likely to have a text editor you can use, (notepad, in accessories). So we're away! we're off! let's go!

Open up your text editor, as i mentioned if you're using windows that's likely to be notepad; now let's have a look at some basic HTML, that you will soon become familiar with, if you're not already.

  • <html> this opens your html page, and should finish at the end of the page with </html>
  • <head> this opens your head section, the part of your script with meta details etc and should end with </head>
  • <title> this is the title of your page, this displays in various ways depending on your browser, but usually in the top left of your screen. It should also be closed with </title>
  • <body> this tag starts your body area, this is the area that the people viewing your page will see. It should be closed using </body>
  • <!-- this starts a comment tag, this is where you can put information regarding your commands, these won't be seen on the web page and should end -->
  • <h1> this is a heading level 1 tag, used for text. There are various heading levels, but heading level 1 is the main title to your page and should end </h1>
  • <p> this is a paragraph tag, it is used to put your text into paragraphs. This should end </p>

So now we have that let's have a look at how it might look in a script;

<html>

<head>

<!-- my first.html -->

<title>My very first web page!</title>

</head>

<body>

<h1>This is my first web page!</h1>

<p>

This is the first web page i've ever made,

and I'm extreemly proud of it.

It is so cool!

</p>

</body>

</html>