html数据表格的相关属性有哪些

html数据表格的相关属性有哪些

这篇“html数据表格的相关属性有哪些”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“html数据表格的相关属性有哪些”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

一、语法

<table>
    <tr>
        <td></td>
        <td></td>
    </tr></table>

注:一对tr表示一行;一对td表示一列(一个单元格)

二、数据表格的相关属性
1)width=”表格的宽度”

2)height=”表格的高度”

3)border=”表格的边框”

4)bordercolor=”边框色”

5)cellspacing=”单元格与单元格之间的间距”

6)cellpadding=”单元格与内容之间的空隙”

7)align=”表格对齐方式”  取值:left、right、center、
valign=”垂直对齐” top\bottom\middle\

8)合并单元格属性:
 合并列: colspan=“所要合并的单元格的列数”
 合并行: rowspan=“所要合并单元格的行数”
colspan=“所要合并的单元格的列数”;
rowspan=“所要合并单元格的行数”

例子:

……<table width="200" border="1">
  <tr>
    <td colspan="3">学生成绩</td>
  </tr>
  <tr>
    <td rowspan="2">张三</td>
    <td>语文</td>
    <td>98</td>
  </tr>
  <tr>
    <td>数学</td>
    <td>95</td>
  </tr>
  ....代码同上两行....</table>……

以上是“html数据表格的相关属性有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!