摘要:<!DOCTYPE html> <html> <head> <title>好好学习</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css&qu
<!DOCTYPE html>
<html>
<head>
<title>好好学习</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<!-- 样式 -->
<style type="text/css">
a{font-size: 30px;color:000}
a:hover{color: red;text-decoration: none;}
table{border:1px solid #FF6A00;border-collapse:collapse; }
tr td{width:200px; height: 100px;border: 1px solid#ccc;border-collapse:collapse;}
tr th{width:200px;height: 100px;border: 1px solid#ccc;}
h1{color: red;font-size: 50px;text-align: center;}
ul li{list-style:none;width:200px;height: 30px;border: 1px solid#ccc;margin: 20px 30px;text-align: center;
line-height: 30px;}
input{width: 258px;height: 8px;border: 1px solid#ccc;padding: 20px;margin: 10px 0px}
button{border:none;width: 300px;height: 50px;background: #FF6A00;color: #fff;}
</style>
</head>
<body>
<a href="top"></a>
<!-- 表格部分 -->
<h1>表格</h1>
<table>
<tr>
<th colspan="5">1</th>
<!-- <th>2</th>
<th>3</th>
<th>4</th>
<th>5</th> -->
</tr>
<tr>
<td colspan="5"></td>
<!-- <td></td>
<td></td>
<td></td>
<td></td> -->
</tr>
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<!-- <td></td> -->
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<!-- 列表 -->
<h1>列表</h1>
<ul>
<li>你好你好</li>
<li>你好你好</li>
</ul>
<ol>
<li>你好</li>
</ol>
<!-- form表单 -->
<h1>form表单</h1>
<form method="post" action="#">
<input type="text" name="uername" placeholder="请输入账号"><br>
<input type="password" name="pwd" placeholder="请输入密码"><br>
<button>点击登录</button>
</form>
<a href="" id="top">返回顶部</a>
</body>
</html>
批改老师:灭绝师太批改时间:2019-01-09 09:34:23
老师总结:温故而知新呀!学习前端没有捷径就是多练习,继续加油啊!