Html语法示例

【示例1】

<table>
  <caption>表格标题内容</caption>
  <tr>
    <th>表格表头内容</th>
    <td>表格一单元格</td>
    <td>表格一单元格</td>
  </tr>
</table>

【说明】

表格框架：<table></table>

表格标题：<caption></caption>

表格表头：<th></th>

表格一行：<tr></tr>

表格一格：<td></td>

 

【示例2】

<table>
  <thead>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </thead>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  <tbody>
  <tfoot>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tfoot>
  </tbody>
</table>

【说明】

表空格：&nbsp;

表头行：<thead></thead>

表主题：<tbody></tbody>

表备注：<tfoot></tfoot>

 

【示例3】

<table width="100" height="80" border="1" bordercolor="#0000FF" bgcolor="blue">
  <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
  </tr>
</table>

【说明】

表宽度：width

表高度：height

表边框粗细：border

表背景：bgcolor

表边框颜色：bordercolor

表亮边框颜色：bordercolorlight

表暗边框颜色：bordercolordark

 

【示例4】

<table frame="hsides" rules="none">
  <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
  </tr>
</table>

【说明】

表边框样式：frame、rules

 

frame参数如下：

显示上下左右边框：border

显示上下边框：hsides

显示左右边框：vsides

显示上边框：above

显示下边框：below

显示左边框：lhs

显示右边框：rhs

不显示边框：void

 

rules参数如下：

显示所有边框：all

显示介于行列边框：groups

不显示内部边框：none

仅显示列边框：cols

仅显示行边框：rows

 

【示例5】

<table align="center" cellspacing="0" cellpadding="0">
  <tr align="center" valign="middle">
    <td rowlspan="2">跨行合并</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="middle">水平垂直居中</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2">跨列合并</td>
    <td>&nbsp;</td>
  </tr>
</table>

【说明】

行内水平对齐：align

行内垂直对齐：valign

设置跨行：rowspan

设置跨列：colspan

设置单元格间距：cellspacing

设置单元格边距：cellpadding

 

水平对齐方式属性如下：

左对齐：left

右对齐：right

居中对齐：center

 

垂直对齐方式属性如下：

顶端对齐：top

居中对齐：middle

低端对齐：bottom

基线对齐：baseline