## 1. 无序列表
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">品牌介绍</a></li>
<li><a href="#">联系我们</a></li>
</ul>
##2. 有序列表
<ol>
<li><a href="#">首页</a></li>
<li><a href="#">产品中心</a></li>
<li><a href="#">会员中心</a></li>
</ol>
## 3. 表单元素
<form action="#"><!-- action是向何处发送表单数据 -->
<p>请选择你的爱好</p>
写代码<input type="checkbox" value="code"><!-- checkbox多选框 -->
篮球<input type="checkbox" value="basketball">
听音乐<input type="checkbox" value="music">
<br>
<input type="submit">
</form>
<form action="#" method="get">
<label for="n1">用户名:</label><!-- label是用户点击用户名时光标自动聚焦的输入框里面 -->
<!-- autofocs 自动获取焦点 placeholder 提示文本 -->
<input id="n1" type="text" name="sname" autofocus placeholder="请输入你的用户名">
<br>
<label for="p1">密码:</label>
<input id="p1" type="password" name="pwd">
<input type="submit" value="现在注册"> <input type="reset" value="重新填写">
</form>
## 4. 上下标
<p>H<sub>2</sub>O<sup>1</sup></p>