OCT | OCT | DEC
| 22 |
2003 | 2004 | 2006

6 captures 14 Oct 03 - 18 Jul 06 |

Close Help

Basic HTML

Here is some HTML coding...

<html>

<head>

<title>Welcome</title>

<body bgcolor="FF9933" background="bg.jpg" bgproperties="fixed">

<center><font size="7" color="black" face="Arial">Welcome</font></center>

<br>

<hr>

<br>

<font size="2" color="black" face="Arial">

<p><dd>Hi, my name is Luke. I am 13 years old. The things I like

to do are bike, build things such as forts and deer stands,

ski, swim, go tubing, go water skiing and stuff like that.

Of course I also like to do things on the computer. I enjoy

setting up web servers like this. It's a very tricky yet fun

thing to do. I like to challenge myself to see how detailed

I can make it. For my own good I'm not going to tell too

much about myself.</p>

<center><font size="5" color="black" face="Arial">Below Are Some Pictures</font></center>

<center><table border=5 width=562 height=410 bgcolor="9900FF" background="tbg.gif">

<tr>

<td valign="top" width=269>

<center><img src="1.gif"></center>

</td>

<td valign="top" width=269>

<center><img src="2.gif"></center>

</td>

</tr>

<tr>

<td valign="top" width=269>

<center><img src="3.gif"></center>

</td>

<td valign="top" width=269>

<center><img src="4.gif"></center>

</td>

</tr>

</table></center>

<br>

<br>

<hr>

<br>

<center><a href="http://www.musiccity.com/">Click Here</a> to go to a great music site.</center>

</font>

<center><embed src="passport.mid" width="1" height="1" autostart=true loop=true><center>

</body>

</html>

Click here to see what the above coding looks like.

Now I'm going to tell you what this all means. Leave anything in light blue alone and change the red. The yellow is the description of the tag.

<html> - this starts an HTML document.

<head> - things such as the title are in this tag.

<title>put title here</title> - this is what's displayed at the top of the screen next to the name of the browser you're using.

<body - this starts the part of the document that you will see on the screen. -) bgcolor="change this to a color" - this is the background color. you can put a name of a color such as orange or you can put in a number letter combination like this FF9933. This means orange to. -) background="put the image name here. It should be in the same folder as your .htm file" - instead of using a color, you can use an image instead. *note* The image will repeat itself if its not big enough to cover the screen - bgproperties="fixed" - this is optional. If you put this in the background will not move with the text as you scroll down. -) >

<center>put what you want centered here</center> - this centers whatever is in it -)

*before the line that is below this one was in the center tag like this*

<center><font size="7" color="black" face="Arial">Welcome</font></center>

lets look at this line now

<font - this is how you tell the web browser what you want the font to look like. -) size="put a number from 1-7 in here. *note* 1 is the smallest." - this controls the size of the font. -) color="put a color here" - here you can type the color of the font you want. -) face="put a type of font here. Example = Arial" - this is the type of font. *note* some browsers can't read the unusual font types. -) >type your text here</font> - this ends the changes you made to the font -)

<br> - this is the same as hitting the enter key in a text editing program. -)

<hr> - this makes a line across the page like the one at the top of this page. -)

<br>

<font size="2" color="black" face="Arial">

<p> - this starts a paragraph, - <dd> - but you have to type this to indent. *note* the <dd> code doesn't have an end tag like this </dd> -) Hi, my name is Luke. I am 13 years old. The things I like

to do are bike, build things such as forts and deer stands,

ski, swim, go tubing, go water skiing and stuff like that.

Of course I also like to do things on the computer. I enjoy

setting up web servers like this. It's a very tricky yet fun

thing to do. I like to challenge myself to see how detailed

I can make it. For my own good I'm not going to tell too

much about myself.</p> - this ends a paragraph. -)

<center><font size="5" color="black" face="Arial">Below Are Some Pictures</font></center>

<center><table - this makes the table that those pictures are in. -) border=put a number here. 0 = no border. - this tells how big the boarder is. -) width=put a number here height=put a number here - this is the width and height of the table -) bgcolor="9900FF" background="tbg.gif" - these are the same tags that are in the body tag. leave these out if you want the background to be the same as the rest of the page. -) >

It would look like this with the background tags out.

<table border=5 width=562 height=410>

<tr> - this starts a row of cells

<td - this creates a cell. -) valign="change to top middle or bottom" - this tells where to start the text. At the top, middle or bottom of the cell -) width=269 - this is the width of the cell. All of the cells widths on one row should add up to the width of the table. -) >

<center><img src="type the path to an image file. should be in jpg or gif form."> - this is the code to insert an image. *note* If the image files for a page are in a folder called images than in the "" you would type "images/name.gif"</center>

</td> - this exits a cell. -)

<td valign="top" width=269>

<center><img src="2.gif"></center>

</td>

</tr> - this ends a row of cells

<tr>

<td valign="top" width=269>

<center><img src="3.gif"></center>

</td>

<td valign="top" width=269>

<center><img src="4.gif"></center>

</td>

</tr>

</table></center>

<br>

<br>

<hr>

<br>

<center><a href="put the target here">this is what will be underlined on the page</a> - this is a link tag -) this will not be clickable</center>

</font>

<center><embed src="name the .mid file to be played" width="1" height="1" autostart=true loop=true> - this tag adds background music to a site<center>

</body> - this ends the part of the document that will be displayed. -)

</html> - this ends an HTML document.

For more advanced help with HTML, try one or more of the sites listed below...

- http://www.funky-chickens.com/

- http://www.lissaexplains.com/intro.shtml

- http://www.htmlgoodies.com/primers/basics.html

- http://www.davesite.com/webstation/html/chap01.shtml

- http://www.make-a-web-site.com/

If you want to add cool effects to your page, don't look for them at HTML help sites because this is known as DHTML or Javascript and can be found at the sites listed below...

- http://www.dynamicdrive.com/

- http://www.javascriptkit.com/cutpastejava.shtml

- http://www.dhtmlshock.com/

I hope this helped you