html简单跨行跨列表格制作

 2023-09-05 阅读 189 评论 0

摘要:2019独角兽企业重金招聘Python工程师标准>>> 主要属性: 跨行(rowspan=“3”)双引号内的数值表示跨几行数值为几;跨列(colspan=“3”)双引号内的数值表示跨几列数值为几;一个带标题 (caption) 的表格ÿ

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

主要属性:

  • 跨行(rowspan=“3”)双引号内的数值表示跨几行数值为几;
  • 跨列(colspan=“3”)双引号内的数值表示跨几列数值为几;
  • 一个带标题 (caption) 的表格;
  • 使用 Cell padding 来创建单元格内容与其边框之间的空白;
  • 使用 Cell spacing 增加单元格之间的距离;

表格代码:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表格</title><style>table{width: 50%;}</style>
</head>
<body>
<table border="1" cellpadding="10px" cellspacing="0">
<caption>建设项目基本情况一览表</caption>
<tr><td>项目名称</td><td colspan="3">xx药业中西药生产配送中心建设项目竣工环保验收监测表</td>
</tr>
<tr><td>建设地点</td><td colspan="3">昆明市经开区大冲片区工业园区2-5#地块</td>
</tr>
<tr><td rowspan="3">建设单位</td><td rowspan="3">xx药业(集团)股份有限公司</td><td rowspan="3">联系方式</td><td>联系人:王工</td>
</tr>
<tr><td>电话:0871-68181924</td>
</tr>
<tr>
<td>邮箱:1104038816@qq.com</td>
</tr>
<tr><td rowspan="3">竣工验收单位</td><td rowspan="3">昆明市环境监测中心</td><td rowspan="3">联系方式</td><td >联系人:王工</td>
</tr>
<tr><td>电话:0871-68241008</td>
</tr>
<tr>
<td>邮箱:273987850@qq.com</td>
</tr>
<tr><td>建设地点</td><td colspan="3">3条中药饮片生产线(普通中药饮片1条、 特殊(毒性)中药饮片1条、直接 口服中药饮片1条)、药品配送中心、行政办公楼、1条保健食品生产线(保健食品产品种类主要包括胶囊、软胶囊、片剂、 颗粒剂、代用茶和调味料几种)以及相关生活配套设施及环保设施。</td>
</tr>
</table>	
</body>
</html>

表格效果图: 表格图

转载于:https://my.oschina.net/u/2953372/blog/810305

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/880.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息