<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>html表格</title>
<link rel="stylesheet" href="">
</head>
<body>
<!-- table标签:声明一个表格
tr标签：定义表格中的一行
td与th标签：定义一行中的一个单元格，td代表普通单元格，th代表表头单元格 -->
<h3>产品列表</h3>
<!-- border：边框，width:宽度，height：高度-->
<table border="1" width="300" height='150'>
<tr>
<th>序号</th>
<th>产品名称</th>
<th>产品价格</th>
<th>产品数量</th>
</tr>
<tr>
<!-- align:
center：设置水平居中
left：向左对齐
right：向右对齐
middle：设置垂直居中（默认就是这样） -->
<td align="center">1</td>
<td>苹果</td>
<td>￥5.00</td>
<td>1000</td>
</tr>
<tr>
<td align="center">2</td>
<td>橘子</td>
<td>￥4.00</td>
<td>2000</td>
</tr>
</table>
<h3>个人简历表</h3>
<table border="1" width="600" height="300">
<tr>
<!-- colspan:合并n列为一列 -->
<td colspan="5" align="left">基本情况</td>
</tr>
<tr>
<!-- rowspan：合并n行为一行 -->
<td width="18%">姓名</td>
<td width="18%"></td>
<td width="18%">性别</td>
<td width="18%"></td>
<td rowspan="5" width="28%" align="center" ><img src="../../飞机大战/image/hero.jpg" alt="人物图片"> </td>
</tr>
<tr>
<td>民族</td>
<td></td>
<td>出生日期</td>
<td></td>
</tr>
<tr>
<td>政治面貌</td>
<td></td>
<td>健康情况</td>
<td></td>
</tr>
<tr>
<td>籍贯</td>
<td></td>
<td>学历</td>
<td></td>
</tr>
<tr>
<td>电子邮箱</td>
<td></td>
<td>联系电话</td>
<td></td>
</tr>
</table>
</body>
</html>
