黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移
列表
列表分成{有序列表，无序列表和自定义列表}
3.1无序列表【重点】
无序列表：是没有顺序
语法规范
- <ul>标签签下只能放<li>标签
- <li>可以放任何标签
规则：
<ul>
<li> </li>
<li> </li>
<li> </li>
</ul>
- css可以去掉有序列表的小圆点
- 无序列表前面没有顺序
3.2有序列表（了解）
有序列表顾名思义有顺序的列表
自动生成序号“1，2，3”，位置不能颠倒
<ol> 中只能嵌套<li>标签
<li>可以放任何标签
3.3自定义列表【重点】
- 自定义列表是对术语或名词进行解释和描述，自定义列表前面没有任何符号。
语法格式：
<dl>
<dt> 名词</dt>
<dd>解释</dd>
<dd>解释2</dd>
</dl>
*css可以修饰前面空格，可以重复dt。dt和dd属于同级关系。
dt、dd以内 不允许出现其他标签。
一个dt引领多个dd标签
总结：常用列表只有无序列表和自定义列表。
表单
4.1表单的组成
4.1.1需要表单的原因 收集用户信息
4.1.2.表单的组成 表单域 表单控件（表单元素） 提示信息
- 表单域 包含单元元素的区域
- 表单控件（表单元素） 每一个小方块和圆点
- 提示信息 在控件旁边的信息
4.2表单域
- 表单域 <form> 包含单元元素的区域
实现用户信息的收集和传递；即把表单域范围内的表单元素提交给服务器。
<form action="url地址" method="提交方式" name="表单域名称">
常用属性：
- 属性 属性值 作用
- action url地址 用于指定接收并处理表单数据的服务器程序的url地址
- method get、post 用于设置表单数据的提交方式，其取值为get或post
- name 名称 用于指定表单的名称，以区分同一个页面中的多个表单域
4.3表单控件
表单控件：允许用户在表单中输入或者选择内容的控件
4.3.1文本框 & 密码框之input输入表单元素
1.input输入表单元素
.input 是输入的意思，用户输入内容
语法规范：
<input tape="属性值"/> 这是一个单标签
type 属性设置不同的属性值用来指定不同控件的类型
附图：
text 文本框 用户可以输入文字
password 密码框
eg：
- <from>
- 用户名:<input type="text"> <br>
- 密码：<input type="password"> <br>
- </from>
4.3.2单选框和复选框
- <!--单选框-->
- <from>
- 性别：男<input type="radio> 女<input type="radio> (4.3.2)
- 性别：男<input type="radio name="sex"> 女<input type="radio" name="sex"> (4.3.3)
- </from>
- <!--多选框-->
- <from>
- 爱好：吃饭<input type="checkbook"> 睡觉<input type="checkbook"> 打豆豆<input type="checkbook">
- </from>
4.3.3 name属性&value属性
其他常见属性
4.3.4name 取表单名
- <from>
- 用户名:<input type="text" name="usename"> <br>
- 密码：<input type="password" name="pwd"> <br>
- </from>
- <!--单选框-->
- <from>
- 性别：男<input type="radio name="sex"> 女<input type="radio" name="sex">
- </from >
- <!--多选框-->
- <from>
- 爱好：吃饭<input type="checkbook" name="hobyy"> 睡觉<input type="checkbook" name="hobyy"> 打豆豆<input type="checkbook" name="hobyy">
- </from>
4.3.5value 值
- <from>
- 用户名:<input type="text" name="usename" value= "请输入姓名"> <br>
- </from>
* 注释：name和value是每一个表单元素都有的属性值，主要给后台人员提供。
*name 取表单名，单选框和复选框要有相同的name值
4.3.6checked 默认值 当页面打开默认选择
- <from>
- 性别：男<input type="radio name="sex" checked="checked"> 女<input type="radio" name="sex">
- </from >
4.3.7maxlength (最大长度值）
- <from>
- 用户名:<input type="text" name="usename" value= "请输入姓名" maxlength ="6"> <br>
- </from>
//正择表达式
4.3.8 submit 提交按钮 发送数据道服务器
- <input type="submit" value="免费注册"> <br>
提交按钮的作用是把表单域from的表单元素的值提交给后台服务器
4.3.9 reset 重新设置
- <input type="reset" value="重填"> <br>
4.3.10 button 按钮
普通按钮
- <input type="button" value="发短信"> <br>
4.3.11 file 文件域 上传文件
- 上传头像<input type="file" value="发短信"> <br>
4.4<label>标签
点击label文本浏览器自动转跳到对应表单元素
- <label for="nan">男</label>
- <input type="radio name="sex" id="nan" name=sex/>
4.5.select下拉表单元素
.select下拉表单元素
语法：
- <select>
- <option>选项</option>
- <option>选项</option>
- <option>选项</option>
- …
- </select>
<option selected="selected">选项</option>
4.6.textarea 文本域元素
文本域元素多行文字
<textarea row="3" cols="20">
文本内容
</textarea>
了解一下：
cols=“每行中的字符数”
rows=“显示的行数”
在实际开发中通常使用css来结局显示大小，属于这里可以不用记。
<ul>
<li> </li>
<li> </li>
<li> </li>
</ul>
- css可以去掉有序列表的小圆点
- 无序列表前面没有顺序
3.2有序列表（了解）
有序列表顾名思义有顺序的列表
自动生成序号“1，2，3”，位置不能颠倒
<ol> 中只能嵌套<li>标签
<li>可以放任何标签
3.3自定义列表【重点】
- 自定义列表是对术语或名词进行解释和描述，自定义列表前面没有任何符号。
语法格式：
<dl>
<dt> 名词</dt>
<dd>解释</dd>
<dd>解释2</dd>
</dl>
*css可以修饰前面空格，可以重复dt。dt和dd属于同级关系。
dt、dd以内 不允许出现其他标签。
一个dt引领多个dd标签
总结：常用列表只有无序列表和自定义列表。
表单
4.1表单的组成
4.1.1需要表单的原因 收集用户信息
4.1.2.表单的组成 表单域 表单控件（表单元素） 提示信息
- 表单域 包含单元元素的区域
- 表单控件（表单元素） 每一个小方块和圆点
- 提示信息 在控件旁边的信息
4.2表单域
- 表单域 <form> 包含单元元素的区域
实现用户信息的收集和传递；即把表单域范围内的表单元素提交给服务器。
语法格式：
<form action="url地址" method="提交方式" name="表单域名称">
常用属性：
- 属性 属性值 作用
- action url地址 用于指定接收并处理表单数据的服务器程序的url地址
- method get、post 用于设置表单数据的提交方式，其取值为get或post
- name 名称 用于指定表单的名称，以区分同一个页面中的多个表单域
4.3表单控件
表单控件：允许用户在表单中输入或者选择内容的控件
4.3.1文本框 & 密码框之input输入表单元素
1.input输入表单元素
.input 是输入的意思，用户输入内容
语法规范：
<input tape="属性值"/> 这是一个单标签
type 属性设置不同的属性值用来指定不同控件的类型
附图：
text 文本框 用户可以输入文字
password 密码框
eg：
- <from>
- 用户名:<input type="text"> <br>
- 密码：<input type="password"> <br>
- </from>
4.3.2单选框和复选框
- <!--单选框-->
- <from>
- 性别：男<input type="radio> 女<input type="radio> (4.3.2)
- 性别：男<input type="radio name="sex"> 女<input type="radio" name="sex"> (4.3.3)
- </from>
- <!--多选框-->
- <from>
- 爱好：吃饭<input type="checkbook"> 睡觉<input type="checkbook"> 打豆豆<input type="checkbook">
- </from>
4.3.3 name属性&value属性
其他常见属性
4.3.4name 取表单名
- <from>
- 用户名:<input type="text" name="usename"> <br>
- 密码：<input type="password" name="pwd"> <br>
- </from>
- <!--单选框-->
- <from>
- 性别：男<input type="radio name="sex"> 女<input type="radio" name="sex">
- </from >
- <!--多选框-->
- <from>
- 爱好：吃饭<input type="checkbook" name="hobyy"> 睡觉<input type="checkbook" name="hobyy"> 打豆豆<input type="checkbook" name="hobyy">
- </from>
4.3.5value 值
- <from>
- 用户名:<input type="text" name="usename" value= "请输入姓名"> <br>
- </from>
* 注释：name和value是每一个表单元素都有的属性值，主要给后台人员提供。
*name 取表单名，单选框和复选框要有相同的name值
4.3.6checked 默认值 当页面打开默认选择
- <from>
- 性别：男<input type="radio name="sex" checked="checked"> 女<input type="radio" name="sex">
- </from >
4.3.7maxlength (最大长度值）
- <from>
- 用户名:<input type="text" name="usename" value= "请输入姓名" maxlength ="6"> <br>
- </from>
//正择表达式
4.3.8 submit 提交按钮 发送数据道服务器
- <input type="submit" value="免费注册"> <br>
提交按钮的作用是把表单域from的表单元素的值提交给后台服务器
4.3.9 reset 重新设置
- <input type="reset" value="重填"> <br>
4.3.10 button 按钮
普通按钮
- <input type="button" value="发短信"> <br>
4.3.11 file 文件域 上传文件
- 上传头像<input type="file" value="发短信"> <br>
4.4<label>标签
点击label文本浏览器自动转跳到对应表单元素
- <label for="nan">男</label>
- <input type="radio name="sex" id="nan" name=sex/>
4.5.select下拉表单元素
.select下拉表单元素
语法：
- <select>
- <option>选项</option>
- <option>选项</option>
- <option>选项</option>
- …
- </select>
<option selected="selected">选项</option>
4.6.textarea 文本域元素
文本域元素多行文字
<textarea row="3" cols="20">
文本内容
</textarea>
了解一下：
cols=“每行中的字符数”
rows=“显示的行数”
在实际开发中通常使用css来结局显示大小，属于这里可以不用记。
