HTML TUTORIALS
What is HTML
Introduction
Lesson1:Tags
Lesson2:Paragraphs
Lesson3:Attributes
Lesson4:Lines
Lesson5:Graphics
Lesson6:Alignment
Lesson7:Links
Lesson8: Tables
Lesson9: Frames
Uploading Webpages



EXTRAS

Quick Reference
Color Chart
Webpage Templates
Free Web Graphics
Graphics Optimizer
Resources
Free Software


 



Ross Communications image.
Coffee Cup Editor. HTML editing software that is very easy to use and sells for under $50 with lifetime upgrades.



Text Pad HTML editor. Another easy to use html editor. I have used both of these programs a lot, with great results.



Core FTP is a File Transfer Program that is very easy to use and there is no cost to use the free version wich will work very nicely.


FTP Explorer
FTP Explorer is also a FTP (file transfer) program and this is at no cost as well. Very easy to use.



XPlorer is a program that will put 2 windows on your desktop and allow you to transfer files between them. Move files easily on your own desktop, Easy to use.



Same as above, just another version. Both are very good and very easy to use.



Meta Tags. This program will help ypou with Meta Tags on your site. You should really get to know this free program.

 




 

Did You Know
Almost all websites use tables in their webpages. Tables are important in web design, without them you would have little control over getting the page looking the way you want. The Complete Html Made Easy book shows how tables can be used in designing a webpage.


Lesson 8: Tables
Making A Table
You may be thinking "I have no use for tables in my web pages". But hold on, tables can be used as page layouts to help better control the placement of things on your web page, so it's worth getting to know how to make one. First is:

<TABLE> </TABLE>

The stuff between these tags will make up your table. After the beginning TABLE tag comes:

<TR> </TR>

It means "Table Row" The stuff between them will make up one row across the table. After the beginning <TR> tag comes:

<TD> </TD>

It means "Table Data". The stuff between them will make one box, called a cell, in the one row of the table. Sound confusing? No it's not. Here's what I mean:

<TABLE>

<TR>
<TD> beagle </TD>
<TD> basset hound </TD>
</TR>

<TR>
<TD> doberman pinscher </TD>
<TD> pointer </TD>
</TR>

</TABLE>

Get it? Can you see that this table will have two rows and that each row will have two cells? You can have as many rows and cells as you want but make sure that each cell and row have an end tag. Here's the result:

beaglebasset hound
doberman pinscher pointer

Hey! That's not a table, where are the lines? Oops, I forgot, the beginning <TABLE> tag has a BORDER attribute:

<TABLE BORDER="1">

The higher the number the thicker the lines will be and don't forget the quotation marks around the number. Result:


beaglebasset hound
doberman pinscherpointer

A couple of other attributes that can go into the <TABLE> tag are CELLSPACING and CELLPADDING. CELLSPACING defines how far apart the cells are from each other. Example:

<TABLE BORDER="1" CELLSPACING="5">

Result:
beaglebasset hound
doberman pinscherpointer

CELLPADDING defines how far away from the cells' edges the stuff inside them will be. Example:

<TABLE BORDER="1" CELLPADDING="5">

Result:

beaglebasset hound
doberman pinscherpointer

You can use any combination of attributes in a <TABLE> tag, just make sure each attribute is separated by a space (by using the spacebar on your keyboard).

Aligning Data
By default everything in the cell will be to the left. You can center it or move it to the right by using the ALIGN attribute in the <TD> tag:

<TD ALIGN="right"> beagle </TD>

Result:

beagle basset hound
doberman pinscherpointer

There is also the VALIGN attribute.It makes stuff in the cell line up at the top or the bottom but there has to be enough space in the cell for it to work and since that's not the case in my examples I can't show you. Wait a minute! Yes I can, by using the HEIGHT attribute in the <TD> tag:

<TD VALIGN="top" HEIGHT="50">basset hound</TD>

Result:

beagle basset hound
doberman pinscherpointer

See how the other cell in the same row became the same height as the one which had the attribute placed in the tag? All cells in the same row will be affected by the height attribute. Notice the effect the VALIGN attribute had. It made "basset hound"go up to the top of the cell.

Putting Color In Cells
You can have your cells be a different color by using the BGCOLOR attribute:

<TD BGCOLOR="#87CEFA">doberman pinscher</TD>

Result:

beaglebasset hound
doberman pinscherpointer

Not bad, wouldn't you say? Now that you know how to make a table, let's try something a little more difficult, a page with


Do You Really Want Them?




 

Here are some links that have helped me

 

Html Made Easy is now a book! Don't spend money on books you won't understand, The Complete Html Made Easy takes you every step of the way in building a website, and it makes it fun and easy too!
More Info


XARA WEBSTYLE4

An Excellent Web Page Program


EVERYONE can make quality web graphics with Xara Webstyle, whatever your skill level. From banner ads to complete web pages, simply customize the templates.


XARA3D is the Number 1 Tool for creating stunning, professional-quality 3D web graphics. See why for yourself


ALL designers need fonts - get yours for as little as $2 US from

 

Links to Free Scripts


These Links are to sites that provide scripts and various other offerings to help you spruce up your web pages.

Dynamic Drive DHTML code library
Visit Dynamic Drive for free, original DHTML scripts and components, all of which utilize the latest in DHTML and JavaScript technology!




Links to Tools


These links will take you to sites that provide such things as guestbooks, Polls, Forms and a whole lot more. Scripts and programs you can add to your site to provide your users with information or get information.


BRAVENET.COMProvides many resources for web pages and is worth the visit.


Much information is provided by our State Regulatory Authority. From this link you can registar for the do not call list, or do not fax list. This site will also allow you to lodge your complaints about your local phone company. Check it out.