<!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>
8-html表格
猜你喜欢
转载自www.cnblogs.com/qtclm/p/11408874.html
今日推荐
周排行