There are no longer major differences between the way tables are displayed in HTML 3.2 and Netscape modes. To see the details of the table designs below, place the cursor in the table you want to view and look in the Show HTML window. The window will scroll to the cursor's location. You can use the Show HTML option to see how these tables have been implemented.
The table below should be 10 ems wide, divided equally between the columns.
The table below should be 80 pixels wide, divided equally between the columns.
The table below should be 40% of the screen width, divided equally between the columns.
The table below should be 1 inch wide, divided equally between the columns.
The table below should be 2.5 centimeters wide, divided equally between the columns.
The table below should have three columns, the first 5 ems wide (and left justified) the second 6 ems (and centered) and the third 4 ems (and right justified).
left 5 | center 6 | right 4 |
The table below should have three columns, the first twice as wide as the second which in turn is twice as wide as the third. It should stretch all the way across the screen.
left 4 | center 2 | right 1 |
This table should be on the left of the page.
This table should be centered
Netscape does not support the above mechanism, so perhaps you are better off doing this (which should also be centered, but is not good html)
This table should be on the right
Tables may have their columns grouped:
break after | ||||
this column |
Or their rows grouped.
break | after | this row |
This table uses a Netscape specific tag to create cell padding.
This table has 5 pixel padding | and 6 pixel spacing |
with a 5 pixel border. |
AOLpress also supports the Frame attribute, which may be used to select which bits of the table border should be drawn.
this table | only has top |
and bottom | borders. |
And the RULES attribute which specifies which, if any, of the internal lines of the table get drawn
this table | has no |
internal | rules. |
It is also possible only to draw lines around the major groups of the table
cell 1 | cell 2 | cell 3 |
cell 4 | cell 5 | cell 6 |
Tables can have captions, above
fiddle, dee, dee | |
and below
Gallia est | omnes |
divisa in | partes |
Rows may be aligned horizontally
right | and right | and righter... |
centered | center | c |
left | to the left, ever to the left | l |
and vertically
Top | t1 t2 |
|
Middle | t1 t2 |
|
Bottom | t1 t2 |
|
Baseline | t1 t2 |
|
Default | middle |
Cells may also be aligned vertically
a | b | c | a b c |
Or horizontally
a
aaaaa |
b
bbbbbb |
c
cccccc |
And may be split across several rows, or columns or both
a | |||||
b | c | d | e | f | |
Microsoft's Internet Explorer adds several colorful extensions. Netscape now supports several of these extensions, also.
A table may have a background color which is different from that of the page.
And then a cell within the table may have its own background
The color of the lines used to draw the borders may also be controlled.
And the light and shadow lines may have a different color
And each cell may do its own thing
Each cell may be assigned a certain pixel width
The table below should have three columns, the first 10 ens wide (and left justified) the second 12 ens (and centered) and the third 8 ens (and right justified).
left 10 | center 12 |
right 8 |
The table below should have three columns, the first twice as wide as the second which in turn is twice as wide as the third. It should stretch all the way across the screen.
left 20 | center 10 | right 5 |
<CAPTION ALIGN=Left/Right>
Not supported (treated as
Top
)
<TABLE ALIGN=Left/Right>
Text does not wrap around the
table.
<* ALIGN=CHAR>
Not supported.
<THEAD/TFOOT>
are treated as
<TBODY>
file: /Techref/language/html/help/refer/tablexmp.htm, 10KB, , updated: 1997/3/23 17:30, local time: 2024/12/27 22:22,
18.189.189.19:LOG IN
|
©2024 These pages are served without commercial sponsorship. (No popup ads, etc...).Bandwidth abuse increases hosting cost forcing sponsorship or shutdown. This server aggressively defends against automated copying for any reason including offline viewing, duplication, etc... Please respect this requirement and DO NOT RIP THIS SITE. Questions? <A HREF="http://techref.massmind.org/techref/language/html/help/refer/tablexmp.htm"> Table Examples</A> |
Did you find what you needed? |
Welcome to massmind.org! |
Welcome to techref.massmind.org! |
.