HTML Elements and Attributes that Control the Table on the Webpage
Below is a list of the most commonly used*** html element tags that control a table on the webpage.
Note: Some attributes listed below have been depreciated in favor of Cascading Style Sheets.
Creates and Controls A Table | | Element | Opening Tag | Attributes | Closing Tag | Description | | table | <table> | border="x or %"
bordercolor="color"
cellpadding="x"
cellspacing="x"
width="x or %"
align="?"
vspace="x"
hspace="x" | </table> | Creates the outside walls of an HTML table
border -
The border attribute can be set in pixels or percentage. A value of zero will make the table walls invisible in the browser
bordercolor - sets the color of the border**
cellpadding - padding within cells set to pixels
cellspacing - padding between cells set to pixels
width - set in pixels or percentage
align - position of table on webpage (left, center or right)
vspace - pixels surrounding sides of table
hspace - pixels surrounding table top & bottom | | tbody | <tbody> | | Optional | Defines the body of a HTML table | | td | <td> | bgcolor="color"
align="position"
valign="position"
background="url"
width="x or %"
height="x"
colspan="#"
rowspan="#"
nowrap | Optional | Creates the walls for the table cells
bgcolor - background color for cell**
align - contents to the left, right, center or justify
valign - aligns contents - top, middle or bottom
background - sets background image
width - sets width of cell in pixels or percentage
height - sets height of cell in pixels
colspan - number of columns to span
rowspan - number of rows to span
nowrap - prevents wrap within cell | | tfoot | <tfoot> | | Optional | Defines the footer of a HTML table | | th | <th> | | Optional | Defines the header cell in a HTML table | | thead | <thead> | | Optional | Definds the head of a HTML table | | tr | <tr> | bgcolor="color"
align="position" | Optional | Creates walls for the rows in an HTML table
bgcolor - sets background color for row**
align - aligns cells to the left, right or center |
***A complete list of html element tags can be found at the World Wide Web Consortium (W3C) website.
https://www.w3.org/TR/REC-html40/index/elements.html
**Color can be set using color names (red, black, etc) or RGB color codes or hexidecimal color codes.
|
|
This site needs an editor - click to learn more!
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map
Content copyright © 2023 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact
BellaOnline Administration
for details.
