Web Page Design
Email
|
Main Page
|
Site Map
To write a webpage all you need to use is something like "Note Pad" for window users and "Emacs"
for linux/unix users. If you use another editor make sure you can save as a plain "text or txt" document.
Or have the option to save as "html" files.
If your using "Note Pad" or want ever save all your page like this "index.html"(without the " ").
Your main page should be index.html because thats the page that your browser looks for first on the internet.
This is the basic tag struture of html.
< html >
< head >
< title > < /title >
< /head >
< body >
< /body >
< /html >
All the info you want to put on a webpage goes between the body tags.
< body > Hello there. This is were your text goes < /body >
Hello there. This is were your text goes.
< title > Lesson 1 < /title >
In between these tags you write the title. Web Page Design is what appears at the top of the page.
Changing Color
< font color="red" > Craptacular < /font > Makes the word craptacular red. Remember all the tags go inside the < body > < /body > tags.
So the page would look like this.
< html >
< head >
< title > < /title >
< /head >
< body >
< font color="red" > Craptacular < /font >
< /body >
< /html >
To change font size simple,
< font size="5" > Hello, this font size is 5 < /font >
Just put in the size you want to use.
Font size by default is 3. It is best not to make it smaller. The largest size is 7.
If I wanted to make a link to http://www.tuxedo.org I would have to do this:
< a href="http://www.tuxedo.org" > tuxedo.org < /a >
If you want to link to another of your pages(if they are not in another folder) just leave off the "http://www." part.
Examples:
To link in the same folder to another part of your page.
< a href="links.html" > Links.html < /a >
To link to another part of page in another folder
.
< a href="folder/links.html" > Links.html < /a >
Fool around with the stuff until you figure it out.
All you have to do to put graphics on your site is
< img src="graphicName.type" >
There is no end tag for < img >
Example:
< img src="wip.gif" > 
< center > This tag centers your text and Images. This tag requires a closing tag < /center >
< hr > makes the line break go across the page.
< br > puts a
in the line.
To learn a lot more follow these links.
Nerveweb.com
HTML: A Guide For Beginners