html中 table的 colspan和rowspan

Colspan = 单元格跨越多列; Rowspan= 单元格跨越多行

复制代码
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></title> 
</head>
<body>




<h4>单元格跨两列:</h4>
<table border="1">
<tr>
  <th>Name</th>
  <th colspan="2">Telephone</th>
</tr>
<tr>
  <td>Bill Gates</td>
  <td>555 77 854</td>
  <td>555 77 855</td>
</tr>
</table>





<h4>单元格跨两行:</h4>
<table border="1">
<tr>
  <th>First Name:</th>
  <td>Bill Gates</td>
</tr>
<tr>
  <th rowspan="2">Telephone:</th>
  <td>555 77 854</td>
</tr>
<tr>
  <td>555 77 855</td>
</tr>
</table>




</body>
</html>

显示:

相关推荐
breeze jiang1 分钟前
CSS 三栏布局怎么写:Flex、Grid 完整方案与 BFC 区别
前端·css
郭邯6 分钟前
手写一个Cron表达式解析器:从需求分析到AI辅助实现
前端
阿黎梨梨6 分钟前
Docker 容器化实战:从零搭建 Web 服务与反向代理
前端·后端·docker
Liora_Yvonne7 分钟前
前端项目为什么需要一个配置单一真相源?
前端
禁止摆烂_才浅8 分钟前
Vite 面试题
前端·面试·vite
GISer_Jing8 分钟前
全栈AI实战:基于 TypeScript + LangChain + MCP 的企业级智能研发助手
前端·后端·ai·langchain·前端框架
禁止摆烂_才浅9 分钟前
微信小程序高频面试题
前端·面试·微信小程序
禁止摆烂_才浅10 分钟前
Vue2 高频面试题
前端·vue.js·面试
禁止摆烂_才浅12 分钟前
前端性能优化面试题
前端·面试·性能优化
ClouGence13 分钟前
文件上传也能录制回放了:CueCast UI 自动化测试更新
前端·测试