美文网首页
前端知识表格

前端知识表格

作者: Pickupthesmokes | 来源:发表于2018-09-11 15:18 被阅读0次

表格

  • 在Web的历史中,HTML的表格发挥了极大的作用。最 初创建表格就是为了以表格的形式显示数据,后来表格 变成了一个极受欢迎的布局工具。
    但是有了CSS以后,CSS在布局网页方面实际上会更出 色,所以现在我们使用表格的作用只有一个,就是用来 表示格式化的数据。
    HTML中的表格可以很复杂,但是通常情况下我们不需 要创建过于复杂的表格。

table、tr、th、td

使用table标签创建一个表格。
tr表示表格中的一行。
tr中可以编写一个或多个th或td。
th表示表头。
td表示表格中的一个单元格。

caption、thead、tbody、tfoot

  • caption表示表格的标题。
    thead表示表格的头部。
    tbody表示表格的主体。
    tfoot表示表格的底部。

合并单元格

合并单元格指将两个或两个以上的单元格 合并为一个单元格。
合并单元格可以通过在th或td中设置属性 来完成。

  • 横向合并
    colspan
    纵向合并
    rowspan

表格的样式

之前学习的很多属性都可以用来设置表格的样式,比如color可以用 来设置文本的颜色。padding可以设置内容和表格边框的距离。

  • text-align:设置文本的水平对齐。
    vertical-align:设置文本的垂直对齐。
    可选值:top、baseline、middle、bottom
    border-spacing:边框间距
    border-collapse:合并边框
    collapse:合并边框
    separate:不合并边框

相关文章

  • 前端知识表格

    表格 在Web的历史中,HTML的表格发挥了极大的作用。最 初创建表格就是为了以表格的形式显示数据,后来表格 变成...

  • 前端——表格

    表格 table 使用后创建一个表格。 tr 表示表格中的一行。*tr中可以编写一个或多个th或td。 th th...

  • Quasar 导出的csv中文乱码

    任务:将前端表格导出excel。 前端的表格是Quasar的table组件,官方给出了文件导出的例子。例子是利用 ...

  • 前端(表格布局)

    表格布局: 以前表格更多的情况实际上是用来对页面进行布局的,但是这种方式早已被CSS所淘汰了表格的列数由td最多的...

  • 前端—表单表格

    一、表单 作用:将前台用户数据通过get或post请求方式,提交给后台,并将新页面标签中接收与后台相应 请求方式:...

  • Web框架体系

    Web 前端知识体系精简 web前端知识体系图 web前端知识体系大全 HTML,CSS,JavaScript知识...

  • guns前后端分离商业版 -1-vue3实现表格编辑

    这里仅仅是对表格的编辑、添加进行说明 几个知识点说明 guns前端文档(开发者还未完成)[https://doc....

  • 前端解析JSON发现的问题

    场景一个表格,前端通过 axios 发起请求,后端相应一个表格数据突然,表格不会显示,刷新不行,查代码,没动过,在...

  • echarts使用dataset管理数据,模拟100万后端数据转

    效果图 后端数据格式使用的是比较通用的表格格式(很多前端表格插件都使用这种格式)

  • 前端拖拽后端数据处理

    前端拖拽后端数据处理 问题来源 前端开发做表格展现的时候,遇到需要拖拽变更数据顺序的问题,前端使用拖拽功能或者其他...

网友评论

      本文标题:前端知识表格

      本文链接:https://www.haomeiwen.com/subject/mvsugftx.html