8-html表格
Posted qtclm
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了8-html表格相关的知识，希望对你有一定的参考价值。
<!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表格的主要内容，如果未能解决你的问题，请参考以下文章