简单了解html

快速创建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>

猜你喜欢

转载自blog.csdn.net/weixin_44261547/article/details/118655114