一. 列表标签
1. 无序列表
<ul>标签表示HTML页面中项目的无序列表，一般会以项目呈现列表项，而列表项使用<li>标签定义
无序列表基本使用格式：
- 无序列表的各个列表之间没有顺序级别之分，是并列的
<ul></ul>中只能嵌套<li></li>，不能嵌套其他内容<li>与</li>之间相当于一个容器，可以容纳所有元素
2. 有序列表
在HTML标签中，<ol>标签用于定义有序列表，列表顺序以数字来显示，并且使用<li>标签来定义列表项
有序列表的基本语法格式如下：
<ol></ol>中只能嵌套<li></li>，其中不能嵌套其他任何内容<li></li>之间相当于一个容器，可以容纳所有元素
3. 自定义列表
<dl>标签用于定义描述列表（或定义列表），该标签会与<dt>（定义项目/名字）和<dd>（描述每一个项目/名字）一起使用
<dl></dl>里面只能包含<dt>和<dd><dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>
例如：
4. 列表总结
二. 表单标签
1.表单的组成
在HTML中，一个完整的表单通常由表单域，表单控件（也称为表单元素）和提示信息 3个部分组成
2. 表单域
表单域是一个包含表单元素的区域
在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递
<form>会把它范围内的表单元素信息提交给服务器
3. 表单控件（表单元素）
3.1 <input> 表单元素
<input> 标签用于收集用户信息
在<input>标签中，包含一个type属性，根据不同的type属性值，输入字段拥有很多种形式
<input />标签为单标签- type属性设置不同的属性值来指定不同的控件类型
除type属性外，input标签还有其他很多属性，其常用属性如下：
- name和value是每个表单元素都有的属性值，主要给后台人员使用
- name表单元素的名字，要求单选按钮和复选框要有相容的value值
- checked属性主要针对于单选按钮和复选框，主要作用一打开页面，就要可以默认选中某个表单元素
<body>
<form>
<!-- text文本框 用户可以里面输入任何文字 -->
用户名：<input type = "text" name = "username" value = "请输入用户名">
<!-- password 密码框 用户看不见输入密码-->
密码：<input type = "text" name = "pwd" value = "请输入密码">
<!-- radio单选按钮，可以实现多选一-->
<!-- name是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选一-->
性别：男<input type="radio" name = "sex"> 女<input type="radio" name = "sex">
<!-- check 复选框 可以实现多选 -- >
爱好：吃饭<input type = "checkbox"> 睡觉<input type="checkboc"> 打豆豆<input type = "checkbox">
</form>
</body>
3.2 <label>标签
<label>标签为input元素定义标注（标签）
<label>标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验
<label for = "text">用户名：</label><input type = "text" id = "text">
3.3 <select>表单元素
<select>标签控件定义下拉列表
<select>中至少包含一对<option>- 在
<option>中定义selected = “selected”时，当前项即为默认选中项
<body>
<form>
籍贯：
<select>
<option>山东</option>
<option>北京</option>
<option>天津</option>
<option selected = "selected">火星</option>
</select>
</form>
</body>
3.4 <textarea>表单元素
<textarea>标签适用于输入文本内容较多的情况使用
- 通过
<textarea>标签可以轻松地创建多行文本输入框 - cols=“每行中的字符数”，rows=“显示的行数”
983
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
