Tables Explained

[ Examples of Finished Tables]


1) You HAVE TO START WITH THIS CODE:

<table>

1B) You can add extras to this part of the table,
but don't make a whole new code.
Examples of extras you can add:
  • bgcolor=COLOR
  • background=IMAGE URL
  • border=NUMBER
  • bordercolor=COLOR
  • cellpadding=NUMBER
  • cellspacing=NUMBER

    You can either do bgcolor OR background
    They can all go in one code, like this:

    <table bgcolor=white border=4 bordercolor=blue cellpadding=5 cellspacing=3>

    2) Now you can add the rows.
    After code #1, you must type this: <tr>

    3) Depending on how many columns you want, you can
    repeat this code over and over after code #2.
    Each one creates a new column (the part going down).
    If you only want a row with nothing
    separating it, write it once. <td>TEXT GOES HERE</td>

    4) Now, after you make all the columns you need,
    you must end the row, by doing this: </tr>

    5) Now, you can repeat steps #2-4 as many times
    as you like to make numerous rows with
    the same number of columns.



    6) Once you made all the rows you want, you must
    end the table with this code: </table>

    The following codes are
    extras you can add to your table.
    Key word: ADD! Remember, you still
    need the other parts of the table code.


    Row/Column Spans

    <td colspan=4>TEXT</td> <td rowspan=3>TEXT</td> These codes specify how many rows or columns one box SPANS (covers)
    Colspan=2
    Text
    Text
    Row span =4
    Text
    Text
    Text
    Text


    No Outside Border

    <table border=3 bordercolor=blue frame=void>
    Text
    Text
    Text
    Text


    No Side Borders

    <table border=3 bordercolor=blue frame=hsides>
    Text
    Text
    Text
    Text


    No Top/Bottom Border

    <table border=3 bordercolor=blue frame=vsides>
    Text
    Text
    Text
    Text


    No Inside Borders

    <table border=3 bordercolor=blue rules=none>
    Text
    Text
    Text
    Text


    Only Column Borders

    <table border=3 bordercolor=blue rules=cols>
    Text
    Text
    Text
    Text


    Only Row Borders

    <table border=3 bordercolor=blue rules=rows>
    Text
    Text
    Text
    Text


    Here are some examples
    of FINISHED tables:


    <table bgcolor=lime border=4 bordercolor=blueviolet cellpadding=5 cellspacing=3><tr><td colspan=4> <center>Text Text Text Text <tr><td><center>Text<td><center>Text <td><center>Text><td><center>Text</table>
    Text Text Text Text
    Text
    Text
    Text
    Text


    <table border=4 bordercolor=blue> <tr><td bgcolor=white> <font color=blueviolet>Text <tr><td bgcolor=blueviolet> <font color=white>Text<tr><td bgcolor=white> <font color=blueviolet>Text</table>
    Text
    Text
    Text


    <table border=5 bordercolor=blueviolet cellspacing=0 cellpadding=2 rules=rows><tr><td bgcolor=aqua> <font color=magenta>Text<td bgcolor=lime> <font color=dodgerblue>Text <tr><td bgcolor=magenta> <font color=aqua>Text<td bgcolor=dodgerblue> <font color=lime>Text</table>
    Text Text
    Text Text



    <table border=6 bordercolor=lime background=IMAGE URL height=90><tr><td>Thanx <a href=http://expage.com/page/luauhp>Laura for the background!</table>
    Thanx Laura for the background!


    <table border=8 bordercolorlight=dodgerblue bordercolordark=lime><tr><td> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</table>
    TEXT TEXT TEXT TEXT TEXT
    TEXT TEXT TEXT TEXT TEXT

  • Related Sites