表格 table使用

最新推荐文章于 2022-09-11 17:03:22 发布
VIP文章 最新推荐文章于 2022-09-11 17:03:22 发布
阅读量1.9k 收藏 5
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CCT912097957/article/details/105271026
版权

表格 table

表格是现在基本不常用的一种标签，前端行业前几年常用table来布局，处理、显示表格式数据。这不得不提起当年因为页面标准化启用DIV+CSS布局而造成各大页面重构的血雨腥风，感兴趣的同学自行百度。

创建表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格标签</title>
</head>
<body>
    <!-- 跟无序列表一样，table里面只能嵌套tr标签 -->
    <!-- table的属性有：边框-border 单元格与边框的间隙-cellspacing  单元格内容的间隙-cellpading  单元格宽度-width  单元格高度-height  水平对齐方式-align:left center right -->
    <!-- cellspacing 单元格与边框的距离   cellpading 内容与单元格之间的距离 -->
    <!-- 一般三参为：0  border  cellspacing  cellpading -->
    <table width="1000px" align="center" border="1px" cellspacing="0" cellpading="0" height="300px">
        <tr align="center">
            <td>姓名</td>
            <td>性别</td>
            <td>工资</td>
        </tr>
        <tr align
最低0.47元/天 解锁文章
陈开心i
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
table标签使用方法
03-14
该文件包含使用table的所有注意事项。值得大家学习。。
table的基本用法
马拉松PB
09-11 1325
二维表格即对行、列的操作。分为三步走：一是初始行、列；二是创建单元格；三是更新表格的定义
Table使用
赳赳万里鲲
03-12 246
import React, {Component} from 'react'; import {Table} from 'antd'; class MyOrderInfoBox extends Component { constructor(props){ super(props); this.state={ soundsData: ...
表格 table使用（属性）
Li18770760152的博客
09-11 521
表格 table使用+属性
table基本使用
qq_42782797的博客
07-26 243
&lt;!--table最外层表格标签，tr行，td数据--&gt; 标题&lt;caption align="top"&gt;&lt;h2&gt;学生表&lt;/h2&gt;&lt;/caption&gt;         &lt;!--&lt;table&gt;             &lt;tr&gt;                 &lt;td
表格标签table深入了解
10-30
表格（table）是一直以来长期被大家使用的标签，直到现在还是在用，不过呢因为现在的网站重构，建议大家不要表格（table）来布局而很多朋友误以为用表格（table）就是所谓的不标准了，其实不然，表格（table）是一个...
bootstrap table表格使用方法详解
08-30
主要为大家详细介绍了bootstrap table表格使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
bootstrap table表格插件使用详解
08-30
主要为大家详细介绍了bootstrap table表格插件使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Flutter Table 表格
10-26
Flutter Table 表格。
解决vue 表格table列求和的问题
10-16
今天小编就为大家分享一篇解决vue 表格table列求和的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
uni-app table表格
10-26
uni-app 表格示例 no-bad-table
angularjs表格ng-table使用备忘录
10-22
主要为大家分享了angularjs表格ng-table使用备忘录，感兴趣的小伙伴们可以参考一下
javascript清空table表格的方法
10-24
主要介绍了javascript清空table表格的方法,涉及javascript操作table表格的技巧,需要的朋友可以参考下
安卓使用smartTable生成表格
03-06
安卓将数据以Excel格式导出文件，也可以将excel文件进行读出到安卓，操作简单方便。
HTML 自动伸缩的表格Table js实现
10-30
在开发的过程中，表格Table有个缺陷，如果一行中某个单元格的超过一行，表格就不够美观了。
table 的使用
Ewet
11-08 277
  第1种对表格设置边框 效果 站名 网址 说明 DIVCSS5 www.divcss5.com CSS学习 CSS5 www.css5.com.cn CSS切图 对应CSS代码： .table-a table{border:1px solid #F00} 对应html源代码： &lt;div class="table-a"&gt; &lt...
table表格的使用（表格的嵌套、合并）
IABQL的博客
05-24 4156
表格基本格式 <table> //第一行 <tr> <td>第一列</td> <td>第二列</td> </tr> //第二行 <tr> <td>第一列</td> <td>第二列</td> </tr> </table> 1.<table></table>：定义一张表格 2.<tr></tr&g
关于table的那些用法（一）
jishublog
04-02 169
从开始学习html，就一直用div+css来实现网页布局，很少用table，所以到现在对table了解只是些简单的，table对于后台数据布局还是有一定好处，比起div+css布局有一定的优越性。今天做后台页面用到处理数据的页面，就去了解了table方面的知识。 表格是HTML中最有用且复杂的结构之一，最简单的表格由一个&lt;table&gt;元素构成，其中包含一个或多个行元素&l...
表格-table的基本使用
Lonelydesertea的博客
12-08 160
表格 常用元素 ■table □表格 ■tr->table row □表格中的行 ■td->table define □行中的单元格 Tr , th , td的常用属性 细线表格的实现 块元素的快速居中为 ,margin :0 atuo;如果是margin: 100px atuo; 的话就会往网页的正中央靠 □合并单元格的边框 其他元素 ■tbody □ 表格的主题 ...
html中table 表格的使用
最新发布
05-18
HTML中的`<table>`元素用于创建表格。表格由行和列组成，其中行由`<tr>`元素表示，列由`<td>`元素表示。以下是一个简单的表格示例： ```html <table> <tr> <td>姓名</td> <td>年龄</td> <td>性别</td> </tr> <tr> <td>张三</td> <td>20</td> <td>男</td> </tr> <tr> <td>李四</td> <td>25</td> <td>女</td> </tr> </table> ``` 在上面的例子中，我们创建了一个包含三列和两行的表格。第一行是表头，后面两行是数据行。每一行由`<tr>`元素表示，每个单元格由`<td>`元素表示。 表格还可以包含表头，由`<th>`元素表示。表头与表格数据相似，但通常使用不同的样式进行呈现。以下是一个包含表头的表格示例： ```html <table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>20</td> <td>男</td> </tr> <tr> <td>李四</td> <td>25</td> <td>女</td> </tr> </table> ``` 在这个例子中，我们使用`<th>`元素定义了表头，而不是使用`<td>`元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值