总结
学习html的基本标签，学习制作简易登录界面
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{margin: 0;padding: 0;}
body{
background: #151517;
}
div{
width: 400px;
height: 350px;
margin: 200px auto;
background: rgba(188,55,26,0.4);
border-radius: 20px;
text-align: center;
}
img{
width: 80px;
border-radius: 50%;
margin: 50px;
}
input{
width: 280px;
height: 30px;
margin-top: 15px;
border-radius: 6px;
border:none;
padding-left: 20px;
}
button{
border:none;
width: 200px;
height: 30px;
border-radius: 8px;
background: #151517;
color: #fff;
margin-top: 15px;
}
</style>
</head>
<body>
<div>
<img src="http://img4.duitang.com/uploads/item/201401/08/20140108192328_inxzJ.jpeg">
<form action="url"method="">
<input type="text" name=""placeholder="请输入用户名"><br>
<input type="password" name=""placeholder="请输入密码"><br>
<button>登录</button>
</form>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例