[This article first appeared on MWEB iTutor]
DIY HTML - Part 1
Page 2, Lemmi try it...
Lets make a page.
All HTML pages have a standard lay-out. The most basic layout for an HTML page looks like this and will constitute a complete web page:
<html> (you'll always start your pages like this)
<head> (the header section will contain information
that will be used by browsers and search engines)
<title>My Page</title> (like, er, the title)
</head>
<body> (this section contains the body of your page. All words and images that you want seen on the web page are coded into this area)
</body>
</html> (this is how you end your page)
Using these tags, write up an HTML page in NotePad.
Between the body tags write a short sentence, something nice, and your page should look something like this:
So how do you get to see what you've done? Save that file as index.html, and remember the directory and folder in which you've saved the file. Close it up and open another browser window like you did this one. Don't close this one. You can work off two browser windows at once, welcome to the world of multi-tasking. To see your page on your browser you don't need to be connected to the Internet either, so cancel the option to dial-up if it is offered.
On the top menu bar of your browser choose the "file" option and click on "open". Your computer will give you the option to choose a file from your computer locally. Choose the "browse" option in Internet Exporer (IE) or "choose" if you're using Netscape. Search through your directories to the place where you saved your index.html file and click "OK" to open the file in your new browser window.
If you didn't make any mistakes when typing in your code then you should have your very own, very first, very proud web page. A little bare but heck, it's your first try.
If you stuck to what I suggested you should be looking at a white page with a few words in black at the top left of the page. If your words aren't there or if you're seeing some of your tags then go back to the file and make sure that the orders of the tags are right and that you've closed the tags correctly (</). These are common first time mistakes. Another likely mistake would be spacing: the words in the tags need to be hugged by the tags. So this, <head>, is right and this, < head>, is wrong.
|
| 1 | 2 | 3 |
|