第9篇：⽹页中使⽤表格（html）表格概述
HTML的单元格可以放进任何的⽹页元素。⽐如导航条，⽂字，图像，动画等。
表格属于结构性对象，⼀个表格包括⾏，列和单元格3个组成部分.
<table>声明⼀个表格对象，<tr>声明⼀⾏，<td>声明⼀个单元格
表格标签<table>
可以设置表格的宽度，⾼度，边框线，对齐⽅式，背景颜⾊，背景图⽚，单元格间距和边距 等表格属性。
<tr>标签
<td>和<th>标签
例⼦
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>⽹页表格的使⽤</title>
</head>
<body>
<table border="2" align="center" cellpadding="8" cellspacing="0">
<caption align="center">购买清单1</caption>
<tr>
<th>名称</th>
<th>种类</th>
<th>种类</th>
<th>重量</th>
<th>价格</th>
</tr>
<tr>
<td>葡萄</td>
<td>⽔果</td>
<td>1kg</td>
<td>20</td>
</tr>
<tr>
<td>芒果</td>
<td>⽔果</td>
<td>0.5kg</td>
<td>10</td>
</tr>
</table>
<table border="2" align="center" width="300" height="80">
<caption align="center">购买清单1</caption>
<tr align="left">
<th>名称</th>
<th>种类</th>
<th>重量</th>
<th>价格</th>
</tr>
<tr align="right">
<td>葡萄</td>
<td>⽔果</td>
<td>1kg</td>
<td>20</td>
</tr>
<tr align="center">
<td>芒果</td>
<td>⽔果</td>
<td>0.5kg</td>
<td>10</td>
</tr>
</table>
<table border="2" align="center" cellpadding="8" cellspacing="0">  <caption align="center">购买清单1</caption>
<tr>
<th background="../img/bg.JPG">名称</th>
<th>种类</th>
<th>重量</th>
<th>价格</th>
</tr>
<tr bgcolor="burlywood">
<td >葡萄</td>
<td rowspan="2">⽔果</td>
<td>1kg</td>
<td>20</td>
</tr>
<tr>
<td>芒果</td>
<!--<td>⽔果</td>-->
<td>0.5kg</td>
<td>10</td>
</tr>
<tr>
网页colspan<td>合计</td>
<td colspan="3">30</td>
</tr>
</table>
</body>
</body> </html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。