Using table elements in web design

The HTML element contains the table information, which consists of table row elements and individual table data cells. These are the three elements used most frequently when you are building tables. The element contains the rows and cells that make up the table. The tag signifies the three rows of the table. Notice that the tag contains the table cells, but no content of its own. The BORDER attribute dies-plays the default border around the table and between each cell. You may occasionally use the elements when creating tables lest you add a caption to the top or bottom of the table. By evasion captions demonstrate at the top of the table. You can use the attribute to compose comparable the footer at the foundation of the table. The tag lets you centered

Defining Table Attributes

Table attributes let you further define a number of table characteristics. You can apply attributes at three levels of table structure: global, row-level, or
cell-level.

Using Global Attributes:

Global attributes affect the entire table place these attributes in the tag

Using Row-Level Attributes:

Row-level attributes affect a row place these attributes in the beginning

Using cell-Level Attributes:

Cell-level attributes only the contents of one cell place these
attributes in the beginning

Cell-level attributes take precedence over row-level attributes. The following code for a single table row has conflicting attributes. The value in tag overrides the tag

Spanning Columns

The attributes lest you create cells that span multiple columns of a table. Columns cells always span to the right. When you build column spans in New York web site design make sure that all of your columns add up to the correct number of cells. in this code, because each row has three cells, the attributes is set to three to span all columns of the table, as shown in

Spanning Rows

The ROWSPAN attribute lets you create cells that span multiple rows of a table. Rows always span down. The following code shows the new cell that contains the attribute and the extra column cell in the table header row. the row span cell is the fourth cell in the third row. It spans down across five rows of the table. Notice also that to accommodate the new column, the attributes value in the fist row must be changed to four

Choosing Relative Or Fixed Table Widths

Whether you choose to use relative or fixed table depends on your content and the amount of control you want over the result. Many web design prefer fixed table because they can be sure that their view of the content will be the same as the users, the current trend is to provide content in relative tables that adapt to different screen resolutions you can situate comparative slab widths as percentages in the chart attribute. If you select comparative chart widths, your table resize based on the extent of the browser window the browser will try the content into the window, wrapping text as necessary. The advantage to using a relative width is that the resulting table is more compatible across different browser window sizes and screen resolutions the disadvantage is that you little control over the way the user sees the result because your content can shift form user to based on browser window size you can set absolute table width as pixel values in the table attribute. fixed table remain constant regardless of the browser window size the advantage to using a fixed table is that you can gain greater control have no affect on the display of the page

The author is an experienced Web designer specialized in building Search engine friendly websites. He is with Flying cow , a web design las vegas, california web design and san francisco web design silicon City based company.

The author is an experienced Web designer specialized in building Search engine friendly websites. He is with Flying cow , a web design las vegas, california web design and san francisco web design silicon City based company.