1.无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记,无序列表没有顺序。
无序列表始于 <ul>
标签,每个列表项始于<li>
。
改变项目符号,在ul上加type属性,值有以下3个可选择
type="disc" 默认黑色圆点 type="circle" 空心圆点 type="square" 方块
<ul>
+<li>
为组合标签
<body>
<h1>高校</h1>
<ul type="none">
去掉前面的点
<li><a target="_blank" href="https://www.tsinghua.edu.cn/">清华</a></li>
<li><a target="_blank" href="https://www.pku.edu.cn/">北大</a></li>
<li><a target="_blank" href="https://www.whu.edu.cn/">武大</a></li>
</ul>
</body>
![2832c7a9dd3adcf2ca2bfa7c9971c5ff.png](https://i-blog.csdnimg.cn/blog_migrate/7ef320e0cad79613db6d46ab9971ebc1.jpeg)
2.登录框制作
2.1表单标签
HTML 表单用于收集用户输入,表单使用<form>
标签创建。表单可包含文本字段、复选框、单选框、提交按钮等等。
2.2表单域
要提交数据的表单域必须加name属性。不然,该表单域的数据不会提交到服务器上。
2.3<inpt>
标签
input用于收集用户信息,根据不同的类型显示不同的形式。input是空标签,它没有结束标签,在开始标签中结束。
2.4<select>
下拉标签
<select>
元素定义下拉列表,<option>
元素定义待选择的选项。列表通常会把首个选项显示为被选选项,通过添加 selected 属性来定义预定义选项。
2.5<textarea>
文本域
<textarea>
元素定义多行输入字段(文本域)。文本域可以添加placeholder属性,用于设置输入字段预期值的提示信息。
<body>
<form action="http://www.baidu.com">
账号:<input name="uesrname"placeholder="手机号/邮箱/账号" type="text"><br>
密码:<input name="password" type="password"><br>
单选:男 <input name="sex" type="radio" value="1">
女 <input name="sex" type="radio" value="2"><br>
喜欢的球类 <br>
篮球<input type="checkbox" name="like" value="1">
足球<input type="checkbox" name="like" value="2">
排球<input type="checkbox" name="like" value="3">
网球<input type="checkbox" name="like" value="4"><br>
喜欢的水果
<select name="水果" size="4" multiple>
<option value="1">西瓜</option>
<option value="2">苹果</option>
<option value="3">梨子</option>
<option value="4">芒果</option>
<option value="5">葡萄</option>
<option value="6">橘子</option>
</select><br>
<input value="登录" type="submit">
<input value="注册" type="submit">
</form>
</body>
![30f1276bfef44d72753f24c8a1197ca8.png](https://i-blog.csdnimg.cn/blog_migrate/9dac6d15417d0dd48504ad142aaa4563.jpeg)