<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>
<h1>网络安全C3期课程</h1>
</p>
<style>
body{
background-color: blue;
}
</style>
<div>
<a href="https://www.magedu.com">
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F4k%2Fs%2F02%2F2109242306111155-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1660140076&t=47b69f2cca08ad0888c44e2fb6c8f4c5" title="马哥教育" >
</a>
</div>
<div>
<form>
账号:<input type="text" value=" " ><br>
密码:<input type="password" value="" size="50"><br>
</form>
</div>
<hr />
<p>
<h3><登录页面®></h3>
</p>
</html>
展示效果: