列表项1
 
列表项2
 
列表项3
 ...

1. 中只能嵌套
2. ，直接在
   标签中输入其他标签或者文字的做法是不被允许的。

4. 与

之间相当于一个容器，可以容纳所有元素。

5. 有序列表会带有自己样式属性，但在实际使用时，我们会使用 CSS 来设置。

2.3 自定义列表

自定义列表的使用场景:
自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。

在 HTML 标签中，

    
名词1
    
名词1解释1
    
名词1解释2

1. 里面只能包含
   和
   。
2. 和
   个数没有限制，经常是一个
   对应多个
   。

三. 表单标签

使用表单目的是为了收集用户信息。

在我们网页中， 我们也需要跟用户进行交互，收集用户资料，此时就需要表单。

网页中的表单展示

3.1 表单的组成

在 HTML 中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和 提示信息3个部分构成。

3.2 表单域

表单域是一个包含表单元素的区域。
在 HTML 标签中，

各种表单元素控件

常用属性:

3.3 表单控件

3.3.1 标签

在英文单词中，input 是输入的意思，而在表单元素中 标签用于收集用户信息。
在 标签中，包含一个 type 属性，根据不同的 type 属性值，输入字段拥有很多种形式（可以是文本、字段、复选框、掩码后的文本控件、单选按钮、按钮等）。

input type="属性值" />

• 标签为单标签
• type 属性设置不同的属性值用来指定不同的控件类型

type 属性的属性值及其描述如下：

除 type 属性外，标签还有其他很多属性，其常用属性如下：

1. name 和value 是每个表单元素都有的属性值,主要给后台人员使用.
2. name 表单元素的名字, 要求 单选按钮和复选框要有相同的name值.
3. checked属性主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素.
4. maxlength 是用户可以在表单元素输入的最大字符数, 一般较少使用.

小问答：

1. 有些表单元素想刚打开页面就默认显示几个文字怎么做?

   用户名:  
   

   答: 可以给这些表单元素设置 value 属性=“值”

2. 页面中的表单元素很多，如何区别不同的表单元素?

用户名: 

答: name 属性：当前 input 表单的名字，后台可以通过这个 name 属性找到这个表单。页面中的表单很多，name 的主要作用就是用于区别不同的表单。

• name 属性后面的值，是自定义的
• radio (或者checkbox）如果是一组，必须给他们命名相同的名字

男
女

3. . 如果页面一打开就让某个单选按钮或者复选框是选中状态?

答: checked 属性：表示默认选中状态。用于单选按钮和复选按钮

性 别:
男
女

4. 如何让input表单元素展示不同的形态? 比如单选按钮或者文本框

答: type属性：type属性可以让input表单元素设置不同的形态

男
 

总结：

         
        用户名:    
 
        
        密码:   
 
        
        
        
        性别: 男  女   人妖      
 
        
        爱好: 吃饭  睡觉   打豆豆  
        
 
        
        
        
        
        
         

        
        上传头像:  

3.3.2 标签

标签为 input 元素定义标注（标签）。
标签用于绑定一个表单元素, 当点击 标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,增加选取范围，用来增加用户体验.
语法：

男

核心： 标签的 for 属性应当与相关元素的 id 属性相同。

3.3.3 标签

使用场景: 在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用标签控件定义下拉列表。

在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用标签控件定义下拉列表

语法：

    选项1
    选项2
    选项3
    ...

1. 中至少包含一对 。
2. 在 中定义 selected =“ selected " 时，当前项即为默认选中项。

3.3.4 标签

当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用 标签。
在表单元素中， 标签是用于定义多行文本输入的控件。

使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板，评论。

语法：

 文本内容

1. 通过 标签可以轻松地创建多行文本输入框。
2. cols=“每行中的字符数” ，rows=“显示的行数”，我们在实际开发中不会使用，都是用 CSS 来改变大小。

表格，列表，表单综合案例

    
    
    
    


    
青春不常在，抓紧谈恋爱
    

        
        

            
性别:
            

                   男   
                  女 
            
        
        
        

            
生日:
            

                
                    --请选择年份--
                    2001
                    2002
                    2003
                
                
                        --请选择月份--
                        1
                        2
                        3
                
                
                        --请选择日--
                        1
                        2
                        3
                
        
            
        
        
        

            
所在地区
            

        
        
        

            
婚姻状况:
            

                    未婚    已婚   离婚
            
        
         
         

             
学历:
             

         
          
        

            
喜欢的类型:
            

                 妩媚的 
                 可爱的 
                 小鲜肉 
                 老腊肉 
                 都喜欢 
            
        
         
        

            
个人介绍
            

                个人简介
            
        
        
        

            

            

                
            
        
        

                

                

                        我同意注册条款和会员加入标准
                
        
        

                

                

                     我是会员，立即登录
                
        
        

                

                

                    
我承诺
                    

                        
年满18岁、单身
                        
抱着严肃的态度
                        
真诚寻找另一半
                    
                
        
           
    

四. HTML5新特性

HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。
这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。
声明：

1. 新特性增加了很多，但是我们专注于开发常用的新特性。
2. 基础班我们讲解部分新特性，到了就业班还会继续讲解其他新特性。

1.1 新增的语义化标签

以前布局，基本用 div 来做。div 对于搜索引擎来说，是没有语义的。

1.2 新增video标签

HTML5 在不使用插件的情况下，也可以原生的支持视频格式文件的播放，当然，支持的格式是有限的。

语法：

常见属性：

1.3 新增audio标签

语法：

 
 
 您的浏览器暂不支持 

常见属性

谷歌浏览器把音频和视频自动播放都禁止了。

总结：

• 音频标签和视频标签使用方式基本一致
• 浏览器支持情况不同
• 谷歌浏览器把音频和视频自动播放禁止了
• 我们可以给视频标签添加 muted 属性来静音播放视频，音频不可以（可以通过JavaScript解决）
• 视频标签是重点，我们经常设置自动播放，不使用 controls 控件，循环和设置大小属性

1.4 新增的 input 类型

1.5 新增表单属性

可以通过以下设置方式修改placeholder里面的字体颜色:
input:placeholder{
	color:pink;
}