HTML中的常用标签及属性(表格)——collapse,colspan,rowspan

原创2019-07-15 16:32:598
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML中的常用标签及属性</title> <style type="text/css"> *{margin:0px;marg
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML中的常用标签及属性</title>
<style type="text/css">
*{margin:0px;margin:0px;}
table{border:1px solid #ccc;border-collapse:collapse;}
tr td{height:200px;border:1px solid #ccc;width:100px;text-align:center;}
tr th{height:100px;border:1px solid #ccc;width:100px;}
</style>
</head>
<body>
<div>
<button>讲师列表</button>
<button>添加讲师</button>
</div>
<table>
<tr>
<th>讲师ID</th>
<th>讲师姓名</th>
<th>讲师年龄</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>1</td>
<td>小红</td>
<td>18</td>
<td>1</td>
<td>在职</td>
</tr>
<tr>
<td>2</td>
<td>小明</td>
<td>18</td>
<td>1</td>
<td>离职</td>
</tr>
<tr>
<td colspan="5">3</td>
</tr>
<tr>
<td rowspan="2">4</td>
<td>小明</td>
<td>18</td>
<td>1</td>
<td>离职</td>
</tr>
<tr>
<td>5</td>
<td>小明</td>
<td>18</td>
<td>1</td>
</tr>
</table>
</body>
</html>


批改老师:欧阳克批改时间:2019-07-16 13:14:45
老师总结:完成的不错。学编程,先从模仿开始,继续加油。

发布手记

热门词条

第九期线上培训班