Table Test Page

This page is for testing not only whether your browser supports tables, but which tabling features are supported by your browser.

Browsers known not to support tabling: Xmosaic, Lynx. Limited support is provided by: Arena

If your browser does not support tables, this page will be displaying very oddly, probably with lots of stuff written on top of other stuff, and only visible when you scroll.

Scrolling being disabled is one of the other fun ways that tables break browsers that don't support tables.

If the display looks weird here, your browser probably does not support tables. I suggest you use the "back" button (or your browser's equivalent) to exit.

Simple Tables

  • Users of Internet Explorer will find that table 1A is slightly more indented than table 1B; Users of Netscape will find that table 1B is slightly more indented than table 1A. Why? The world may never know.

    TABLE 1A: example of the <TABLE> and <TR> tags.
    simple one-cell table, with no border, no fixed width, no nothin'

    TABLE 1B: example of <TABLE> and <TD> tags.
    simple one-cell table, with no border, no fixed width, no nothin'

    TABLE 2A: example of the <TABLE>, <BORDER=> and <TR> tags.
    Netscape will not put a border around the <TR> tag alone, but Arena and Internet Explorer will.

    TABLE 2B: example of the <TABLE>, <BORDER=#>, and <TD> tags.
    With the <TD> tag, the border shows up in Netscape, Internet Explorer, and Arena.

    TABLE 2C: further example of the <TABLE>, <BORDER=#>, and <TD> tags.
    This table is identical to table 2B, but shows how specifying a number (in <BORDER=#>) will cause Netscape and Internet Explorer to put a thicker border than the above table. Arena does not support border thickness changes.

    Most people use <TR> and <TD> together in tables. <TD> indicates individual cells, while <TR> indicates individual rows.

    TABLE 3A: example of the <TABLE>, <BORDER=>, <WIDTH=>, <TR>, and <TD> tags.
    This is a multiple-celled table, with a border and width set to 75% of the page. Arena does not support the <WIDTH=> tag; Netscape and Internet Explorer do.     		another cell
    a new cell in a new row the next cell in this row the third cell in this row
    Another two-celled row. See?
    Isn't it interesting how the border shows up like a filled-in block when there is no cell to take the spot?
    Also of note is the fact that your browser is choosing the default cell widths. Yep! I didn't tell it to make the table "unbalanced"

    Horizontal Alignment Tags

    Supported by: Netscape 2.0, 3.0; Internet Explorer 3.02 Not Supported by: Arena beta-1e

    TABLE 4A: example of the <ALIGN> tags
    left-aligned cell center-aligned cell right-aligned cell
    center-aligned cell right-aligned cell left-aligned cell
    right-aligned cell left-aligned cell center-aligned cell

    If the cells in table 4A are aligned to the left, right, and center where noted, then your browser supports the <ALIGN> tag. The <ALIGN> tag controls horizontal alignment within a cell.

    I have set the the width of table 4A to 200%, to make enough whitespace to show the alignment well.

    Vertical Alignment Tags

    Supported by: Netscape 2.0, 3.0; Internet Explorer 3.02 Not Supported by: Arena beta-1e

    TABLE 5A: example of the <VALIGN> tags
    This is a lot of typing, designed to take up space in the cell. This is a lot of typing, designed to take up space in the cell. This is a lot of typing, designed to take up space in the cell. This is a lot of typing, designed to take up space in the cell. top-aligned cell
    This is a lot of typing, designed to take up space in the cell. This is a lot of typing, designed to take up space in the cell. This is a lot of typing, designed to take up space in the cell. This is a lot of typing, designed to take up space in the cell. middle-aligned cell
    This is a lot of typing, designed to take up space in the cell. This is a lot of typing, designed to take up space in the cell. This is a lot of typing, designed to take up space in the cell. This is a lot of typing, designed to take up space in the cell. bottom-aligned cell

    If the cells in table 5A are aligned to the top, bottom, and middle where noted, then your browser supports the <VALIGN> tag. The <VALIGN> tag controls vertical alignment within a cell.

    I have set the width of table 5A to 50%, in order to show off the alignment better.

    When I grow up, I want to write documentation!

    Back to the Browser Features Test Page or the Test Home Page.

    Alternatively, you can visit the HIGH QUEEN RULER OF THE UNIVERSE or send her fan mail

    last update: May 27, 1997