<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>账号登录</title>
</head>
<body>
<h1>登录界面</h1>
账号:<input type="text" placeholder="手机号码/邮箱" >
<br>
密码:<input type="password" placeholder="数字/英文">
<br>
性别:
<input type="radio" name="1">男
<input type="radio" name="1">女
<br>
爱好:
<input type="checkbox">唱
<input type="checkbox">跳
<input type="checkbox">rap
<input type="checkbox">篮球
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>合并单元格</title>
</head>
<body>
<table width="300px" border="1px">
<thead>
<tr>
<th>序列</th>
<th>姓名</th>
<th>分数</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>小明</td>
<td>100</td>
</tr>
<tr>
<td>2</td>
<td>小芳</td>
<td>100</td>
</tr>
<tr>
<td>3</td>
<td>小花</td>
<td>100</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>总结</td>
<td>聪明</td>
<td>高分</td>
</tr>
</tfoot>
</table>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>序列</title>
</head>
<body>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
<ol>
<li>aa</li>
<li>bb</li>
<li>cc</li>
</ol>
<dl>
<dt>ABC</dt>
<dd>aaa</dd>
<dd>bbb</dd>
<dd>ccc</dd>
<dt>A</dt>
<dd>a</dd>
<dt>B</dt>
<dd>b</dd>
<dt>C</dt>
<dd>c</dd>
</dl>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>自我介绍</title>
</head>
<body>
<p><b>自我介绍</b></p>
<pre>姓名:陈
性别:男
年龄:16
爱好:跑步
身份:学生
</pre>
<a href="https://img1.baidu.com/it/u=3966844624,3066547561&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=890">大雪纷飞</a>
<br>
<a href="https://img1.baidu.com/it/u=3153699068,3228064282&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500">江山绿水</a>
</body>
</html>