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>

显示:

相关推荐
呀啊~~23 分钟前
【前端框架与库】「React 全面解析」:从 JSX 语法到高阶组件,深度剖析前端开发中的核心概念与最佳实践
前端·javascript·学习·react.js·前端框架
sulingliang32 分钟前
【react项目引入tailwindcss不生效解决方案】
前端·react.js
无限大.1 小时前
前端知识速记:浏览器缓存机制 - 强缓存与协商缓存
前端·缓存
林啾啾1 小时前
解决 keep-alive 缓存组件中定时器干扰问题
前端·vue.js·缓存
丁总学Java2 小时前
产品详情页中 品牌官网详情 对应后端的字段是 detail
前端·javascript·vue.js
huaqianzkh2 小时前
支持高并发的 Web 应用系统架构中LVS和keepalived是什么?
前端·系统架构·lvs
觉醒法师2 小时前
HarmonyOS开发 - 记事本实例一(界面搭建)
前端·javascript·华为·harmonyos
踏遍三十六岸2 小时前
前端快速生成接口方法
前端
coderlin_2 小时前
前端到AI,LangChain.Js(二)
前端·人工智能·langchain
Burt3 小时前
【vue react 项目常用hooks】useDebounceVal
前端