First and foremost you must learn what to write the html files in. Microsoft word and other word proccessors like that are not good because they will underline everything in red and save the files incorrectly.
I suggest notepad. You can get it by going to START: PROGRAMS: ACCESSORIES: Notepad. Now that it is open press file and save as. Save the blank document as index.html because that is the main page that will come up when you go to a web site.
Remember where you saved it and dont forget the .html.
The first HTML you will learn is how to start a page. You must start all your pages with the command:
<html>
<body>
and you must end them all with
<body>
</html>
whenever you start a command you must end it, so that is what the ending tags are. Notice how i started the html tag first and ended last with the html tag. Then body came second and it was second to last to be saved. You must use this order for everything or pages will display incorrectly.
To center text use this command:
<CENTER> and end it with </CENTER>
-That will look like this-
and end it with
The next thing we will learn is how to make headers. Use this html tag to make the biggest header.
<H1> Your Text Here </H1>
- will look like this -
Your Text Here
Notice the ending h1 tag, if i didnt have it everything else on the page would be in the same font size which would not be good. The h1 tag can also go down from h1 to h6 each decreasing in size, like this:
<H1>
<H2>
<H3>
<H4>
<H5>
<H6>
To make text in italics use
<I> Italics </I>
Example
Italics
To make text bold use:
<B> Bold </B>
Example
Bold
To make text underlined use:
<U> Underline </U>
Example
Underline
To change font color, face, and size, use this tag:
<FONT FACE="ARIAL" COLOR="RED" SIZE=3> This makes red text size 3 in font arial, dont forget to close it with </FONT>
- Look below to see what that looks like -
This makes red text size 3 in font arial, dont forget to close it with
Now that you know that lets learn how to create a horizontal line. The good thing about this one is you dont need to make a closing tag.
use
<HR>
to make:
A picture doesnt need an ending tag either. To make a picture use this command:
<IMG SRC="LOGO.JPG">
Will look like:
where logo.jpg is the filename of the picture. dont forget to write the correct extension, in this case it was .jpg
You will need to upload the picture to the place your website is or it wont display.
To indent text 1 inch on all sides use this:
<BLOCKQUOTE> and close with </BLOCKQUOTE>
Example
Wite your text here. Wite your text here Wite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text hereWite your text here
To make a space use:
<BR>
Now In the next paragraph I will sum up everything we have learned to make a little website.
SOURCE:
<HTML>
<BODY>
<CENTER><H1>Welcome to my new site!</h1></CENTER>
<B><U><I>My Favorite things to do are...</B></U></I>
<HR>
<Blockquote>
<Font COLOR="RED" face=arial size=2>Play Baseball</font><BR>
<Font COLOR="RED" face=arial size=2>Play Basketball</font><BR>
<Font COLOR="RED" face=arial size=2>Play On My computer</font><BR>
Here is my favorite picture:<BR><BR>
<IMG SRC="logo.jpg">
</blockquote>
</BODY>
</HTML>
-Looks Like This-
Welcome to my new site!
My Favorite things to do are...
Play Baseball
Play Basketball
Play On My computer
Here is my favorite picture:
E-mail
Set Home
Bookmark
