Basic HTML

Welcome to the Basic HTML page of our "Webdesign Help" section. Here we teach you Basic HTML (duh). Keep in mind, you won't find anything too fancy... just some things that should help you get started... make the page more presentable... stuff that we shouldn't have to explain in one long e-mail to you.
First, before anything you should set up your page with the "HTML" tag, the "HEAD" tag, the "TITLE" tag, the "BODY" tag, and "TABLE" tags... (Remember the "/" tags!) A note on tables... their width should be set up at 600 so it won't make the screen resolutions 640 pixels wide have to scroll to the side to see the rest of the page (more on this later). This is what your page should start like (aqua is essential - blue is optional):
Sailormoon

<html>
<head>
<title> Your Title Here </title>

<META name="description" content="Sailormoon Page">
<META name="keywords" content="Sailormoon">

</head>
<body
bgcolor="ffffff" text="000000">
<center><table width="600"
border="0">
<tr><td> - Your contents here -
</td></tr>
</table></center>
</body>
</html>
About the "TITLE" tag
This is pretty obvious, ne? Well... problem was, some people, we discover put HTML codes INSIDE the title tag - making things look REALLY weird! You see, "h1" My SM page "/h1" - and that's pretty funny... well, sort of. What you write inside the Title tag causes it to appear on Bookmarks, the top bar on your browser... and is for people to figure out the name of your site.

About the "meta" tags

I didn't mention these on the "start" thingy because they are pretty much optional and mostly for index pages. See... they help people search for you in search engines that use meta tags. Key words and description help people find your site - more popularity for you!

About the "font" tags

I didn't include any font tags because it isn't usually how you start a page. But these are really important! It makes the page look much more nice to the eye - rather than no font. The code is <font face="arial,helvetica" size="2"> - the size doesn't have to be 2, but that's nice size for giant paragraphs. You can adjust the color by adding in - color="rrggbb" (rrggbb is for finding the color code - no, I don't memorize color codes... I use a program called Crayon, which gives me the color code - you can download it at Tucows)

About the "head" tags

YES they are necessary... they hold the title tags AND if you have any hidden javascripts they are nested inside the head tags.

About the "body" tags

Very important... they hold the major settings of your site... well, sort of important. In other words, the body tag controls the color scheme. "bgcolor" means background color. This is the background color. Even if you ues an image background, you still need to set this. "text" is the color of the all the text. "link" is the color of the unvisited links. "vlink" is the color of a visited link. You use rgb color codes to adjust all of the tags. (All default settings are black over white)
THE TABLES
Probably the most important thing for a webpage! Every page should be set up with a table. The width of the table should be set up at 600 (metioned above) the alternative would be 100%, but 600 looks nicer. <tr> means table row. <td> creates a table cell. Also, you can adjust a cell (or row, or entire table's) background color using the bgcolor thingy. You can adjust the table border so it's either extremely wide... or extremely invisible ... (border=0) To make a cell wider than two columns, you can set it with colspan=2 (or any other number) rowspan=2 makes the row stretch 2 other rows. Remember, to add in </table> because if you don't add it in, on browsers like Netscape the entire page will be blank! (I think it's ok if you don't on MSIE though). Anymore questions? Contact us...

Back