�������(TABLE ADVANCED)
�����ɫ��
��Ԫ�ı���ɫ�ʺͱ���ͼ��
<th bgcolor=#>
<th background="URL">
- #=rrggbb 16 ���� RGB ����, ����������Ԥ����ɫ�����ƣ�
Black, Olive,
Teal, Red, Blue,
Maroon, Navy,
Gray, Lime,
Fuchsia, White,
Green, Purple,
Silver, Yellow,
Aqua
<table border>
<tr><th bgcolor=ffaa00>Food</th>
<th bgcolor=Red>Drink</th>
<th rowspan=2 background="image.gif">Sweet</th>
<tr bgcolor=white><td>A</td><td>B</td>
</table>
����߿��ɫ�� 
<table bordercolor=#>
<table cellspacing=5 border=5 bodercolor=#ffaa00>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
����߿�ɫ�ʵ����ȿ��� 
<table bordercolorlight=#>
<table bordercolordark=#>
<table cellspacing=5 border=5
bordercolorlight=White bordercolordark=Maroon>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
����ķ�����ʾ(Structured Table) 
�����
<thead> ... </thead> - ������ͷ(Header)
<tbody> ... </tbody> - ��������(Body)
<tfoot> ... </tfoot> - ���Ľ�ע(Footer)
<table border>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
�����
<colgroup align=#> #=left, right, center
<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
�е����Կ���
<col span=#> #=�������𣬾���ָ�����Ե��е�����
<col align=#> #=left, right, center
<table border width=160>
<colgroup>
<col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
�����б߿����ʾ 
��ʾ���� 4 ���߿� <table frame=box>
<table border frame=box>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
ֻ��ʾ�ϱ߿� <table frame=above>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
ֻ��ʾ�±߿� <table frame=below>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
ֻ��ʾ�ϡ��±߿� <table frame=hsides>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
ֻ��ʾ���ұ߿� <table frame=vsides>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
ֻ��ʾ��߿� <table frame=lhs>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
ֻ��ʾ�ұ߿� <table frame=rhs>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
����ʾ�κα߿� <table frame=void>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
�����зָ���(Rules)����ʾ 
��ʾ���зָ��� <table rules=all>
<table border rules=all>
<colgroup><col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
<tbody>
<tr><td rowspan=3 align=right>Total $-00.0</td>
</tbody>
</table>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
ֻ��ʾ��(Groups)����֮��ķָ��� <table rules=groups>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
ֻ��ʾ������֮��ķָ��� <table rules=rows>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
ֻ��ʾ������֮��ķָ��� <table rules=cols>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
����ʾ�κηָ��� <table rules=none>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
HTML
Design Guide Main Page
Contents
|| Page
|| Font
|| Text
Style || Image
|| Form
|| Table
|| Table
Advanced
|| Frames
|| Marquee
|| Alternative
Inline Elements
Tag
Index || What's
New
Network Communication Design
http://ncdesign.kyushu-id.ac.jp/
C&P 1994-1996 Yuriko Ienaga [email protected]