<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>这是一个标题</title>
<link rel="icon" href="https://mail.qq.com/zh_CN/htmledition/images/favicon/qqmail_favicon_16h.png">
</head>
<body align="center">
<a href="https://baike.baidu.com/item/Docker/13344470?fr=aladdin" target="_blank" >
<img src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/crop%3D0%2C156%2C1354%2C894%3Bc0%3Dbaike180%2C5%2C5%2C180%2C60/sign=c97c7c9b9b13b07ea9f20a4831e7bd12/f703738da977391281957edbf0198618377ae2dd.jpg" width="400px" title="docker"></img>
</a>
<ul>
<li>这是一个列表</li>
</ul>
<ol>
<li>这也是一个列表</li>
</ol>
<dl>
<dd>这还是一个标题</dd>
</dl>
<form action="/index/" method="post" >
<fieldset>
<legend>登录吧</legend>
<input type="text">
</fieldset>
<label for="username">帐号:</label>
<input type="text" name="usename" id="username">
<label for="password">密码:</label>
<input type="password" name="password" id="password">
<p>性别: <input type="radio" name="sex">男<input type="radio" name="sex">女</p>
<p>技能: <input type="checkbox" name="hobby" value="python">python
<input type="checkbox" name="hobby" value="linux">linux
<input type="checkbox" name="hobby" value="hoop">hoop
<input type="checkbox" name="hobby" value="docker">docker
<input type="checkbox" name="hobby" value="html5">html5
</p>
<p> <input type="submit" value="提交">
</p>
<p>
<input type="reset" value="重置">
</p>
<p>
<input type="button" value="没有任何效果的按钮">
</p>
<p>
<input type="file">
</p>
城市: <select name="city" id="city" size="1" >
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
<option value="shenzhen">深圳</option>
<option value="hangzhou">杭州</option>
<option value="chengdu">成都</option>
<option value="dalian">大连</option>
</select>
<p >简介:<textarea name="简介" id="jianjie" cols="50" rows="5">说出你的想法</textarea></p>
</form>
</body>
</html>