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>
  • 相关阅读:
    基础JavaScript练习(一)总结
    零基础JavaScript编码(三)总结
    零基础JavaScript编码(二)
    零基础JavaScript编码(一)
    响应式网格(栅格化)布局总结
    实现常见的技术产品官网的页面架构及样式布局总结
    通过HTML及CSS模拟报纸排版总结
    任务四:定位和居中问题总结
    1. Two Sum
    任务三:三栏式布局总结
  • 原文地址:https://www.cnblogs.com/zhoukuan0905/p/2109243.html
Copyright © 2011-2022 走看看