表格制作

代码段:

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<table border="1">
<caption align="center" size="4">购物车</caption>
<tr>
    <th rowspan="2">名称</th>
    <th colspan="2">2016--11--22</th>
    <th rowspan="2">小计</th>
</tr>
<tr>
    <td>重量</td>
    <td>单价</td>
</tr>
<tr>
    <td>苹果</td>
    <td>3公斤</td>
    <td>5元/公斤</td>
    <td>15元</td>
</tr>
<tr>
    <td>香蕉</td>
    <td>2公斤</td>
    <td>6元/公斤</td>
    <td>12元</td>
</tr>
<tr>
    <th colspan="3">总价</th>
    <td>27元</td>
</tr>
</body>
</html>

输出样式:

标签解释:

表格名称:<table></table>
表头名称用法:<caption></caption>
跨行:<rowspan="数字'></rowspan>
跨列:<colspan="数字"></colspan>
表头:<th></th>
内容:<td></td>
注释:表头标签已经有自动居中功能

心得:

<p>通过本次制作表格,我学会了关于表格制作的初步过程,在不断被的思索与探寻的过程中不断完善,并且将本次作业在小组内讨论,收获了许多,关于表格制作具体内容,在另一篇文章中哟!</p>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简单表格 表格的制作可以通过 等标签的组合来构造。这样一段HTML: 可以得到这样的表格: 跨行/列表格制...
    Josaber阅读 12,872评论 0 4
  • 一、bootstrap 同样也为我们提供了许多表格样式 例:制作一张标题为员工信息表的表格,表内容包括性名、...
    我去_6aee阅读 4,514评论 0 0
  • 1.wps的安装:百度搜索wps办公软件,下载wps office 如图点击下载 2.下载安装成功在桌面显示:wp...
    余天jason阅读 5,121评论 0 0
  • 1.新建空白表格(与新建wps文字的方法一致) 2.打开表格,在第一行输入自己表格的名头(例如业务销售提成表) 3...
    余天jason阅读 36,496评论 0 7
  • 有一次在公司整理资料事,翻看到一些表格资料,这些表格有招聘企业签到表、培训签到表、会议签到表,我发现这些表格都有一...
    宁小南阅读 5,664评论 0 3

友情链接更多精彩内容