professor

table techniques
bar


    WHAT IS A TABLE?

    Take a look around your room
    and find a picture hanging on the wall.

    Basically that is a

    TABLE

    In HTML language the

    BACKGROUND

    is where we place the

    IMAGES

    in the picture

    and the

    BORDER

    is the frame.

      white bar

      The

      BASIC TABLE

      has three components.

    THE TABLE TAG
    <table>

    THE TRACE TAG
    <tr>

    THE ALIGN TAG
    <td>

    The<table>tag
    defines the

    background
    color
    width
    height
    border

    elements of the table

    The <tr> tag
    defines
    the text boundaries

    WHEN AN IMAGE IS
    USED AS A
    TABLE
    BACKGROUND

    ie: <tr width="200" height="200">

    defines

    the TEXT boundaries

    when the

    IMAGE BACKGROUND

    is 200x200

    The <td> tag
    defines the

    ALIGNMENT

    of the images contained in the

    TABLE

    Here is an example
    of the

    The <TR> Tag

    Now using the information
    that we acquired from the

    BASIC ALIGNMENT TECHNIQUES

    lets make a

    TABLE

        white bar

        Here are the images

        that will be used in this table
        anniechurchangel

        white bar

        This is the background

        church

        And this is the text

        that we will use

        The<i></i>tags are used to slope the text

        and the<b></b>tags are used to make it bold

        Silent Night! Holy Night!
        All is Calm! All is Bright!

        And we will have the text
        wrap around the angel

        white bar

        This is how the

        COMPLETED TABLE

        will look like

        angel
        Silent Night!

        Holy Night!

        All is Calm!


        All is Bright!






        church


        annie



        THIS IS THE CODE

        USED TO

        CREATE THE TABLE

        <html>
        <body bgcolor="black">
        <table bgcolor="black" border="3">
        <tr><td align="center">
        <table background="tab/scen2.jpg" width="514" height="343">
        <tr><td>
        <img src="tab/angel6.gif" width="15%" align="left">
        <font size="-1" color="white">
        <i><b><br>Silent Night!<p>Holy Night!<p>All is Calm!<br><br><br>All is Bright!</b></i></font>
        <br><br><br><br><br>
        <img src="tab/church.gif" width="25%" align="right">
        <br><br><br><br><br>
        <img src="tab/oldlady.gif" align="left">
        </tr></td></table></tr></td></table>
        </body>
        </html>


For a more Comprehensive listings of tables try

The basic Table Structure

BY

THE PROFESSOR

teehee



copyrite 2001 by The Professor