INDEX   HTML   FONT   COLOR   ASCII   JAVA   LINKS   

 T   A   B   L   E        H   T   M   L 

  Een TABLE ziet er in HTML uit als:
  <TABLE> <TR> <TD> </TD> </TR> </TABLE>

  Het kan ook duidelijker voor jezelf en anderen:
  <TABLE>
      <TR>
            <TD>
Hier komt de inhoud. Een plaatje of text, links, andere table's, forms, etc.
            </TD>
      </TR>
  </TABLE>

                                                
  <TABLE border=3>
      <TR>
            <TD>1</TD>
            <TD>2</TD>
            <TD>3</TD>
      </TR>
      <TR>
            <TD>4</TD>
            <TD>5</TD>
            <TD>6</TD>
      </TR>
      <TR>
            <TD>7</TD>
            <TD>8</TD>
            <TD>9</TD>
      </TR>
  </TABLE>


1 2 3
4 5 6
7 8 9

                                                                           
  <TABLE width=100 border=3>
      <TR>
            <TD>1<BR><P><BR></TD>
            <TD valign=bottom>2</TD>
            <TD>3</TD>
      </TR>
      <TR>
            <TD>4</TD>
            <TD>5</TD>
            <TD BGCOLOR=RED>6</TD>
      </TR>
      <TR BGCOLOR=#006600>
            <TD>7</TD>
            <TD>8</TD>
            <TD ALIGN=CENTER>9</TD>
      </TR>
  </TABLE>


1


2 3
4 5 6
7 8 9

                                                
  <TABLE BORDER=3>
      <TR>
            <TD COLSPAN=3>1</TD>
      </TR>
      <TR>
            <TD>4</TD>
            <TD ROWSPAN=2>5</TD>
            <TD>6</TD>
      </TR>
      <TR>
            <TD>7</TD>
            <TD>9</TD>
      </TR>
  </TABLE>


1
4 5 6
7 9



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

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

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

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


              
Dit wallpaper, is een *.gif animatie

 Zoals je ziet, de objecten zijn nu netjes verdeeld onder het raam.
Je kan, als je zin hebt, testen, hoe het eruit ziet, als je het venster minimaliseerd of maximaliseerd.
r ,niet X, naast _, bovenaan.

Natuurlijk is er hier ook meer mogelijk.
Alledrie de tags kunnen:

ALIGN=left\center\right
VALIGN=top\center\middle\bottom
HEIGHT=getal\n%
WIDTH=getal\n%
BORDER=getal
BACKGROUND=plaatjes/foto.jpg
BGCOLOR=#??????

In dit voorbeeld: De middelste TABLE is bijvoorbeeld een BORDER=0 TABLE.
De rest heeft een andere BORDER.

Verder:
TD = TABLE DATA = cel inhoud
TR = TABLE ROW = een volgende rij cellen

Nieuwe tags voor dit onderdeel:

CELLPADDING=
De ruimte om de celinhoud (TD) heen.
CELLSPACING=
De rand van de cellen.
COLSPAN=
De cellen die de uit een andere rij (ROW,TR) gelden voor de breedte van deze cel.
ROWSPAN=
De rijen die ingenomen worden door een cel.

Op het moment, krijg ik een ander resultaat in Netscape, als in Explorer.
Ook oudere en andere browsers geven verschillende resultaten.
Als je zoiets ingewikkelds wilt maken, als deze TABLE, test het in meerdere browsers!
Voor Netscape bijvoorbeeld, moet je altijd &nbsp; (=spacie) gebruiken in een lege cel.
Probeer het maar 'ns.

!<TD><IMG SRC=plaatjes/foto.jpg></TD>!

FOUT
FOUT

  <TABLE>
      <TR>
            <TD>
            <IMG SRC=plaatjes/animatie.gif>
            </TD>
      </TR>
  </TABLE>
GOED
GOED

  <TABLE>                                                         
      <TR>
            <TD><IMG SRC=plaatjes/animatie.gif></TD>
      </TR>
  </TABLE>



 
     
 
 
   


<!-- Dit is de code voor de TABLE -->
<TABLE BORDER=1 bordercolor=#0000FF>

              <TR>

                         <TD COLSPAN=3>
&nbsp;</TD>
              </TR>
              <TR>

                         <TD ROWSPAN=3 WIDTH=100>
&nbsp;</TD>
                         <TD WIDTH=150>
&nbsp;</TD>
                         <TD WIDTH=75 ROWSPAN=2>
&nbsp;</TD>
              </TR>
              <TR>

                         <TD>
&nbsp;</TD>
                         <TD COLSPAN=2>
&nbsp;</TD>
              </TR>
              <TR>

                         <TD HEIGHT=100 COLSPAN=2>
&nbsp;</TD>
                         <TD>
&nbsp;</TD>
              </TR>

</TABLE>



Dit is een boom.
 





 
   
                                                
  <TABLE BORDER=0>
      <TR>
            <TD COLSPAN=3
BGCOLOR=#009900><IMG SRC=0.gif WIDTH=200 HEIGHT=250 ALT="Dit is een boom."></TD>
      </TR><TR>
            <TD
BGCOLOR=#6666FF>&nbsp;</TD>
            <TD ROWSPAN=2
BGCOLOR=#663333><BR>
<P><BR><P><BR><P><BR><P>
<BR>
</TD><TD
BGCOLOR=#6666FF>&nbsp;</TD>
      </TR><TR>
            <TD
BGCOLOR=#666633>&nbsp;</TD> <TD
BGCOLOR=#666633>&nbsp;</TD>
      </TR>
  </TABLE>

Kopiëer en plak (copy & paste), om de TABLE's te zien op je eigen pagina's.html.

   INDEX   
INDEX
   HTML   
HTML
   COLOR   
COLOR
   FONT   
FONT
   TABLE   
TABLE
   ASCII   
ASCII
   0   
0

<TABLE BORDER=3 CELLSPACING=0 cellpadding=5>
<TR>
<TD BGCOLOR=#333333 align=center valign=center width=56 height=56><A HREF="pagina.html"><FONT COLOR=#CCCCCC><IMG SRC=knop.gif height="40" width="40" ALT="&nbsp;&nbsp;&nbsp;KNOP&nbsp;&nbsp;&nbsp;" BORDER=6></FONT></A></TD>
</TR><!-- De IMG BORDERkleur (FONT) is niet in álle browsers te zien! -- >
<TR>
<TD align=center valign=center BACKGROUND=wallpaper.gif><FONT face="ARIAL"><B> L I N K </B></FONT></TD>
</TR>
</TABLE>