Using Tables For Layout

One of the hardest things for those new to writing their own HTML is figuring out how to do TABLEs properly. Although they were never intended for layout purposes, it is clearly what they have become the most popular for. Here is a quick tutorial on how to develop a simple TABLE structure for layout using a left-hand side-bar navigation:

           <TABLE>

                  <TR VALIGN=TOP>
                  <TD bgcolor="#eeffff"> <!--empty cell--></TD>
                  <TD bgcolor="#ffeeff"ROWSPAN=2><!-- note the rowspan -->
                    <H1>Welcome to my page</H1>

                      Here is the body text of my document
                        ...
                  </TD>
                  </TR>
                  <TR VALIGN=TOP>
                  <TD bgcolor="#ffffee">

                          <TABLE>

                          <TR><TD>menu1</TD></TR>
                          <TR><TD>menu2</TD></TR>
                          ...
                          <TR><TD>menuN</TD></TR>

                          </TABLE></TD>
                  </TR>
                  </TABLE>

| Back to Article Index |