本文共 2301 字，大约阅读时间需要 7 分钟。

列表

什么是列表

1、列表是信息资源的一种展示形式

2、以列表的样式显示，可以使信息结构化和条理化，便于浏览者能更快捷地获得响应的信息

列表的分类

无序列表

特性：

1、没有顺序，每个< li>标签独占一行（块元素） 2、默认每个列表项前面有个实心小圆点 代码示例：

   		
   
			
    			
    
			
    
推荐活动|原创音乐现金榜T榜
			
    
 			
    
推荐节目|《TAImusic》爆笑来袭
			
    
			
    
推荐歌单|继续宠爱张国荣
			
    
			
    
推荐量活动|330金属音乐巡演 成都小酒馆音乐空间
		
   

页面展示：

有序列表

特性：

1、有顺序，每个< li>标签独占一行（块元素） 2、默认每个列表项前面有顺序标记 代码示例：

   		
   
			
    			
    
今日新闻
			
    
平安夜里真快乐
			
    
明天是圣诞节
		
   

页面展示：

定义列表

特性：

1、没有顺序，分为标题和列表项，每个< dt>标签、< dd>标签独占一行（块元素），每个标题下面有一个或多个列表项 2、默认没有标记 代码展示：

   
      			
    
     今日新闻
    
 
     			
    
     平安夜里真快乐
    
    	 			
    
     明天是圣诞节
    
				
   

页面展示：

表格

基本表格

代码示例：

   		
   
			    			    
     
				      				      
1行1列的标题
				      
1行2列的标题
				      
1行3列的标题
			     
			     
				      				      
1行1列的单元格
				      
1行2列的单元格
				      
1行3列的单元格
			     
			     
				      
2行1列的单元格
				      
2行2列的单元格
				      
2行3列的单元格
			     
		    
   

页面展示：

表格的跨行和跨列

代码示例：

   
			    
     
				      				      
班级信息统计表
			     
			     
				      
班级
				      
学号
				      
姓名
				      
年龄
				      				      
备注
			     
			     
				      				      
kb99
				      
1
				      
王
				      
18
			     
			     
				      
2
				      
p
				      
18
			     
			     
				      
3
				      
q
				      
19
			     
		    
   

页面示例：

补充：定义表格标题-< caption>< /caption>

   
            
     前端三剑客
    
            
     
                  
知识点
                  
重要程度
                  
难度
                  
学习周期
             
             
                  
html
                  
5星
                  
3星
                  
7天
             
             
                  
css
                  
5星
                  
4星
                  
10天
             
             
                  
js
                  
5星
                  
5星
                  
20天
             
        
   

页面展示：

媒体元素

视频

代码示例：

页面示例：

音频

代码示例：

页面展示：

HTML5的结构元素

header：标题头部区域的内容（网页头部）

footer：标记脚部区域的内容（网页底部） section：web页面中的一块独立区域（网页主体部分） article：独立的文章内容 aside：相关内容或应用（常用于侧边栏） nav：导航类辅助内容

代码展示：

			
   								
   
    网页头部
   
		
   		
   
    网页主体部分
   
	

页面展示：

iframe内联框架

含义：用于向当前页面引入一个其他页面

代码示例：

页面展示：

内联框架实现页面间的跳转

1、实现从“点击去往内联-内联框架（太快没显示）-百度页面”的过程。

代码展示：

   		去往内联

页面展示：

2、实现从“点击去往内联-内联框架”的过程

代码展示：

    		去往内联

页面展示：

转载地址：https://blog.csdn.net/qzc_root/article/details/111656872 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！