表格table标签

 表格的基本结构
  由⼀⾏或者多⾏的单元格数据组成
在HTML中表示方式
  table：HTML 表格
  tr：元素定义表格⾏
  th：数据中的表头单元格
  td：表示单元格
table元素⾥常⽤的属性
  border(边框)
  cellspacing(规定单元格之间的空⽩)
  cellpadding(规定单元边沿与其内容之间的空⽩)
  colspan(⽤于合并列)
  rowspan(⽤于合并⾏)

代码案例

 <!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
 
<body>
  <table border="1" cellspacing="10px" cellpadding="10px">
    <tr>
      <th>姓名</th>
      <th colspan="2">性别</th>
      <!-- <th>年龄</th> -->
    </tr>
    <tr>
      <td>张三</td>
      <td>男</td>
      <td rowspan="2">18</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>女</td>
      <!-- <td>18</td> -->
    </tr>
  </table>
</body>
 
</html>

posted @ 2022-08-29 22:52 DogLeftover 阅读(32) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 表单form标签

· 公用表表达式

· 4 HTML表格标签

· html基础-表格

· HTML表格的语法、使用

阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通

表格table标签

我的标签

合集 (4)

随笔分类 (1350)

阅读排行榜

推荐排行榜

	表格的基本结构
	由⼀⾏或者多⾏的单元格数据组成
	在HTML中表示方式
	table：HTML 表格
	tr：元素定义表格⾏
	th：数据中的表头单元格
	td：表示单元格
	table元素⾥常⽤的属性
	border(边框)
	cellspacing(规定单元格之间的空⽩)
	cellpadding(规定单元边沿与其内容之间的空⽩)
	colspan(⽤于合并列)
	rowspan(⽤于合并⾏)

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>

	<body>
	<table border="1" cellspacing="10px" cellpadding="10px">
	<tr>
	<th>姓名</th>
	<th colspan="2">性别</th>
	<!-- <th>年龄</th> -->
	</tr>
	<tr>
	<td>张三</td>
	<td>男</td>
	<td rowspan="2">18</td>
	</tr>
	<tr>
	<td>李四</td>
	<td>女</td>
	<!-- <td>18</td> -->
	</tr>
	</table>
	</body>

	</html>