zoukankan      html  css  js  c++  java
  • html table相关标签

    html table相关标签
    标签意义
    <table></table> 表格开始和结束。表格的基本标签之一。示例
    <tr></tr> 表格的行。表格的基本标签之一。示例
    <td></td> 单元格。表格的基本标签之一。示例
    <th></th> 表头单元格。示例
    <caption></caption> 表格的标题。示例
    <col/> 给表格中的一列或多列设置属性。示例
    <colgroup></colgroup> 给表格中的一列或多列设置属性。示例
    <thead></thead> 表头。当打印过长的表格时,表头会出现在分页上。示例
    <tfoot></tfoot> 表脚。当打印过长的表格时,表脚会出现在分页上。示例
    <tbody></tbody> 表格主体、正文。thead、tfoot和tbody需一起使用。示例

    html table相关属性
    属性意义适用标签
    cellpadding 设置单元格边框与单元格里的内容之间的距离。 % 或px单位值 <table>示例
    cellspacing 设置单元格间的距离。 % 或px单位值 <table>示例
    colspan 设置表格中的行跨越多列 列数 <th><td>示例
    width 设置宽度。 % 或px单位值 <table><th><td>示例
    height 设置高度。 % 或px单位值 <table><th><td>示例
    align

    设置相应内容的水平方向对齐方式。

    left(左) 、center(中)、right(右) 所有table相关标签。
    valign 设置相应内容的垂直方向对齐方式。 bottom(底部)、top(顶部)、middle(中间) 除<table>外所有table相关标 签。注意,<caption>不支持baseline和middle值。示例
    background 设置背景图片。 背景图片的路径和文件名。 <table><th><td>示例
    bgcolor 设置背景颜色。 rgb(x,x,x) 、 #xxxxxx 、 颜色名 除<caption><col><colgroup> 外所有table相关标签。示例
    border 设置边框宽度。 px单位值 <table>示例
    bordercolor 设置边框颜色。 rgb(x,x,x) 、 #xxxxxx 、 颜色名 <table>示例
    bordercolordark 设置边框的暗边颜色。 rgb(x,x,x) 、 #xxxxxx 、 颜色名 <table>示例
    bordercolorlight 设置边框的亮边颜色。 rgb(x,x,x) 、 #xxxxxx 、 颜色名 <table>示例
    rules 设置表格内部边框的显示方式。此属性浏览器兼容性不佳,不建议使用。 none(不显示内部边框)、groups(显示行和列间的边框)、rows(显示行边框)、cols(显示列边框)、all(显示所有内部边框) <table>
    summary 设置表格摘要。设置的摘要文字不会在浏览器显示出来。 文本 <table>
    title 设置当鼠标停留在表格时显示的描述性的文字。 文本

    <table><thead><tfoot><tbody> 示例

    span 设置相应的列来应用其它的属性 列数 <col><colgroup>示例
    nowrap 文字不换行,表格随着文字自动伸展。此属性浏览器兼容性不佳,不建议使用。 nowrap <tr><th><td>
  • 相关阅读:
    servlet-01
    JavaWeb——文件上传和下载
    tomcat 7.0.94 下载安装步骤
    java 中 contains() containsKey() containsvalue() 使用
    java通过Runtime和Process类调用外部命令
    build.xml编译报错Specified VM install not found: type Standard VM, name jdk1.7.0_45
    微信小程序样式旋转
    微信小程序轮播图组件 swiper,swiper-item及轮播图片自适应
    HTTPS请求
    ztree插件的使用
  • 原文地址:https://www.cnblogs.com/zhoukuan0905/p/2109243.html
Copyright © 2011-2022 走看看