HTML中的表格

2025-10-22 16:58:51

1、表格基本格式:

<table>(表格开始)

         <tr>(表格行)

               <th>...</th>(表格标题)

         </tr>

         <tr>

               <td>...</td>(表格列)

         </tr>

</table>(表格结束)

简单制作一个表格(如下图)

HTML中的表格

2、表格属性(一)

属性名称              属性值

border                 像素px(设置表格的外边线)

cellspacing           像素px/百分数%(设置储存格框线宽度)

cellpadding          像素px/百分数%(设置数据与框线的距离)

width                   像素px/百分数%(设置表格宽度)

height                  像素px/百分数%(设置表格高度)

align (水平对齐) left(表格左对齐,默认)

                             center(表格居中对齐)

                             right(表格右对齐)

HTML中的表格

3、表格属性(二)

属性名称                属性值

bgcolor                 英文(red 红色)/十六进制(如:#f00000 红色)

                           (表格的背景颜色)

background          URL(图片路径)

                           (表格的背景图片)

bordercolor           英文(red 红色)/十六进制(如:#f00000 红色)

                           (表格边框颜色)

bordercolorlight    英文(red 红色)/十六进制(如:#f00000 红色)

                            (表格边框的亮色)

bordercolordark   英文(red 红色)/十六进制(如:#f00000 红色)

                            (表格边框的暗色)

  

HTML中的表格

4、表格的拆分与合并单元格

属性名称                 属性值

colspan                   数字(行合并)

rowspan                  数字(列合并)

HTML中的表格

5、表格的标题

<table>

       <caption>...</caption>

</table>

属性名称          属性值

align                top(标题在表格上方,默认)

                        bottom(标题在表格下方)

HTML中的表格

6、补充:

属性名称                           属性值

valign(垂直对齐)            top(上对其)

                                        middle(中间对齐)

                                        bottom(下对齐)

HTML中的表格

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢