Site hosted by Angelfire.com: Build your free website today!
MORE HTML!

HOME
TABLES
LISTS

Congradulations! You've made it past the frist page! I hope you actually understood it as it would make things so much easier for me if you did. Well here is some more stuff for you to learn then.



Step 7- Tables

Tables are a tiny bit harder. They may look hard sence this section is really long but thats just because of all the atributes. Tables can be used for just about anything. Remeber that. Each of my pages has at least two tables on them. On my old home page I had a side bar. That was made with a table too. Tables are very useful.

Tables generally look like this:
<table>
<tr>
<td>
</td>
</tr>
</table>


<table> tag is easy enough to understand. It starts the table anything between the <table> and the </table> is in the table.
< tr > begins a table row anything between the <tr> and the </tr> well appear in the same row.
<td> begins a table cell. Anything between the <td> and the <td> well appear in one cell (your information)

The fun part come with things you can add into these tags. In the <table> tag you can put:
bgcolor=""
Tells a background color for the entire table
background=""
Tells where to find the background picture file
border=""
Tells how thick the border around the table well be
bordercolor=""
Tells what color the border should be
align=""
tells how the table should be aligned (center, right, left)
width=""
tells how wide the table should be. Can be writen in number of pixles or in percent of the screen
cellpadding =""
tells how much space there is between the sides of the cells
cellspacing=""
tells how much space is between the cells and the border.

In the <td> tag you can put:
Bgcolor=""
Background=""
Width=""

All of these are basically the same as in the table tag except they only apply to the one cell they are for.
here is an example of many the things you can do with a table and below it is the code that was written for it.Try taking the code and changing the values.

cell 1
cell 2
cell 3
cell 4

Note if you copy this code then the same table well show up except the background.

If you don't need something in one of the cells but want it to look like the other cells, then you can add this into the cell. &nbsp;



Step 8-Lists
Maybe i should have writtin this before, but here is how to make numbered and ordered lists. They are basically the same except for minor details. These are lists.

The code for a numbered list is:

<ol>
<li> listed thing #1
<li> listed thing #2
<li> listed thing #3
</ol>

The code for an ordered list is:

<ul>
<li>first point
<li>second point
<li>third point
</ul>

The code for a definition list is:

<dl>
<dd>definition 1
<dd>definition 2
<dd>definition 3
</dl>


  1. listed thing #1
  2. listed thing #2
  3. listed thing #3

  • first point
  • second point
  • third point

definition 1
definition 2
definition 3

notice tthe similarities and differences between the lists. The ordered and the numbered lists are basically the same except for the starting tags. The definition list is in the same form but uses different codes. Just remeber <ol>, <ul> or <dl> starts off the list and <li>, <dd> starts off the listed point.

If you really wanted to, you could make the dots on the order list into squares by putting this in your list:

<ul type="square">
<li>first point
<li>second point
<li>third point
</ul>

MORE TO COME!

back home