Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us















Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


<TABLE>

The<TABLE> Tag is used for Tables consisting of rows and columns. Tables are one of the most functional thing in HTML and can be used to create a spectrum of effects and layout control.

example.gif (544 bytes)

Table data - Cell 1 Table data - Cell 2
Table data - Cell 3 Table data - Cell 4

htmlcode.gif (606 bytes)
<table border="1" cellpadding="5" width="75%" cellspacing="3">
<tr>
<td align="center">Table data - Cell 1</td>
<td>Table data - Cell 2</td>
</tr>
<tr>
<td align="center">Table data - Cell 3</td>
<td>Table data - Cell 4</td>
</tr>
</table>

From here I'll run-down the commands that can be in the <TABLE> Tag itself, excluding any commands before the closing </TABLE> Tag (Columns, Rows, etc). There is a full-blown Table Tutorial available. At one time it was even the most popular section of the site!

BORDER- The border thickness in pixels.
CELLPADDING- Pixels between the cell data and cell wall.
CELLSPACING- Pixels between cells.
WIDTH- Width of overall Table in pixels or percent.
HEIGHT- Height of overall Table in pixels or percent.
ALIGN- Aligns the Table to the LEFT, RIGHT, or CENTER of the page.

The following is only available in Internet Explorer

VALIGN- Aligns the text to the TOP or BOTTOM.
BGCOLOR- Specifies the background color of the Table in Hex or RGB triplet.
BORDERCOLOR- Specifies the border color of the Table in Hex or RGB triplet.
BORDERCOLORLIGHT- Sets an independent lighter color to be displayed on the border. BORDER is also required, and the color can be in Hex or RGB triplet.
BORDERCOLORDARK- Sets an independent darker color to be displayed on the border. BORDER is also required, and the color can be in Hex or RGB triplet.
BACKGROUND- Tiles an image throughout the table, like <BODY> does throughout a page.
FRAME- Affects the display of the table borders. BORDER is also required. The FRAME commands are:
VOID - Removes external borders.
ABOVE - Displays external borders at the top only.
BELOW - Displays external borders at the bottom only.
HSIDES - Displays external borders on the top and bottom only.
LHS - Displays external borders on the left only.
RHS - Displays external borders on the right only.
VSIDES - Displays external borders on the left and right only.
BOX - Displays external borders on the top, bottom, left, and right.
RULES- Affects the display of the internal table borders. BORDER is also required. It can only be used in Tables with the <THEAD>, <TBODY> and <TFOOT> commands.
NONE - No internal table borders are displayed.
BASIC - Only displays internal table borders between <TBODY> and <TFOOT>.
ROWS - Only displays internal table border rows.
COLS - Only displays internal table border columns.
ALL - All internal table borders are displayed.

See the examples and learn more in
D.J. Quad's Ultimate Table Tutorial!



Up to => Home / Quadzilla / Tag_Ref




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers