web 前端学习 案例一之制作网页表格

  • 1. 制作网页表格
  • 结束语

1. 制作网页表格

tab 键 + / 键，注释快捷键；<!-- -->

<!<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- table>tr*4>td*d + tab -->
		<!-- border 边框宽度，bordercolor 边框颜色 -->
		<!-- aligh 对其方式（center 居中/lef 居左/right 居右） -->
		<!-- width 设置表格宽度，height 设置表格高度 -->
		<!-- 表格外边距 指定单元格和单元格之间的距离（当为0时合为一条线）cellspcing -->
		<!-- 表格内边距 控制单元格内容和单元格边框的距离 cellpadding-->
		<table border="1"bordercolor="green"align="center" width="400" height="400" cellspacing="10" cellpadding="10">
			<!-- 使第一行位子居中 将 align="center" 放在tr-->
			<tr align="center">
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<!-- 控制每一个单元格的对齐方式 -->
				<td align="center"></td>
				<td align="right"></td>
				<td align="left"></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr align="right">
				<!-- 字体加粗，将td改为th -->
				<th></th>
				<th></th>
				<th></th>
			</tr>
		</table>
	</body>
</html>

结束语

若这篇文章有帮到你，给个赞，收个藏，欢迎大家评论；
若文章有什么错误，欢迎大家指教。

更多推荐

web网页前端学习 案例一之制作网页表格