快速创建html基本框架可以在sublime中使用输入html+Tab键,下面展示简单的表格创建:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>index.html</title>
</head>
<body>
<table border="1px" width="600px">
<caption>商品库存表</caption>
<tr align="center">
<!--这里是注释-->
<th>商品类被</th>
<th>商品名称</th>
<th>单位</th>
<th>数量</th>
</tr>
<tr>
<td rowspan="2">家电类</td>
<!--rowspan是合并行-->
<td>冰箱</td>
<td>台</td>
<td>520</td>
</tr>
<tr align="center">
<td>洗衣机</td>
<td>台</td>
<td>12</td>
</tr>
<tr>
<td>餐具类</td>
<td>桌子</td>
<td>张</td>
<td>5</td>
</tr>
<tr>
<td colspan="4">备注:</td>
<!--cowspan是合并列-->
</tr>
</table>
</body>
</html>
如果想要居中显示可以设置align属性为center,如洗衣机那行展示,合并行列如代码里所示,此外,改变表格的文字颜色可以采用style属性,例如改变表标题颜色: <caption style="color: red;" >商品库存表</caption>