摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login</title> &nbs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login</title>
<style type="text/css">
body{
text-align:center
}
.nav{
border:1px solid orange;
height:50px;
}
ul li{
list-style: none;
float: left;
padding-right: 20px;
}
a{
text-decoration: none;
color:black;
}
a:hover{
color:blue;
}
.content{
text-align: center;
}
.content input{
height: 20px;
width:360px;
margin-top: 10px;
padding: 20px;
}
button{
margin-top: 10px;
height:70px;
width:404px;
}
table{
border:0;
height: 80px;
border-collapse:collapse;
}
tr td{
border:1px solid black;
width: 100px;
}
tr th{
border:1px solid black;
}
</style>
</head>
<body>
<div>
<ul>
<li><a href="">php中文网</a></li>
<li><a href="">首页</a></li>
<li><a href="">视频教程</a></li>
<li><a href="">技术文章</a></li>
<li><a href="">编程词典</a></li>
<li><a href="">特色课堂</a></li>
</ul>
</div>
<div>
<form method="post" action="">
<input type="text" name="username" placeholder="用户名"></input><br>
<input type="password" name="pwd" placeholder="密码"></input><br>
<button><h2>登陆</h2></button>
</form>
</div>
<div>
<table>
<tr>
<th >日期/课程</th>
<th>周一</th>
<th>周一</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
</tr>
<tr>
<td rowspan="2">上午</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>英语</td>
<td>音乐</td>
<td>体育</td>
</tr>
<tr>
<td>物理</td>
<td>化学</td>
<td>美术</td>
<td>地理</td>
<td>政治</td>
<td>放假</td>
</tr>
<tr>
<td rowspan="2">下午</td>
<td>物理</td>
<td>化学</td>
<td>美术</td>
<td>地理</td>
<td>政治</td>
<td>放假</td>
</tr>
<tr>
<td>物理</td>
<td>化学</td>
<td>美术</td>
<td>地理</td>
<td>政治</td>
<td>放假</td>
</tr>
</table>
</div>
</body>
</html>
批改老师:韦小宝批改时间:2019-02-23 09:06:24
老师总结:写的很不错 这些标签和属性都是比较常用的 并不是很复杂 课后没事多去练习练习 就可以很快记住了