Tutorials - HTML - Lesson 2
The first stage of building a site is to get a rough page template
together so that all your content looks uniform. Of course you can make
every page different, but I'm sure you'll be able to figure that out
yourself!
Step 2 - Your First Page
Right! Down to the Nitty Gritty! Each page is made up of tags which can
be identified as they are in this format - <tag>
- and they come in pairs. Where there's a <tag>
there's sure to be a </tag>. These tags
are analysed by the browser and the formatted and the content
outputted to the screen. The <tag> or
opening tag tells the Browser to begin a command and the </tag>
tells the browser you've finished that command. Sound complicated? It's
not really.
Before you start anything a HTML page MUST contain the following
information that tells the Browser what the page is for and the language
it uses. Type in the following example (or cut and paste if you're lazy)
into notepad, save it as index.html and make sure you change the
"save as type" option to "All Files *.*" otherwise
it'll be saved as a plain text document. Here we go! Fingers Crossed!
<html>
<head>
<title>My first Web Page</title>
</head>
<body>
My page content here
</body>
</html>
See what I mean about the start and end tags being in pairs? Where
there's a <head> tag there's a </head>
tag to close it. It's important to remember that they must always open and
close in the same order. If you open the file index html in your browser
you should see that the page title bar (at the top of the Browser window
about the file menu) reads "My First Web Page" And that on the
page is written "My page content here". Congratulations! You've
just made your first web page! Wahoooo!
Now of course, you could simply replace the page <title></title>
content and the "My page content here" with content of your own,
but what about formatting the content? Move on to Step
3 To find out!
back
| 
