HTML基础学习第三课（列表的创建、有序和无序）

1、无序列表：

一、无序列表是一个项目的列表，此列项目使用粗点圆点（典型的小黑圆圈）进行标记。

二、无序列表始于

标签，每个列表项始于
• 。

  总结知识进行练习一：实现以下内容

  

  代码如下：

  
  
       
  	      
  	      
  	 
  	 
  	    
  
  		   
  咖啡
  		   
  奶茶
  		
  	 
  
  	 

  2、有序列表：

  一、同样，有序列表也是一列项目，列表项目使用数字进行标记。

  二、有序列表始于<ol>标签，每个列表始于<li>。

  总结知识进行练习二：实现以下内容

  

  代码如下：

  
  
       
  	      
  	      
  	 
  	 
  	      
  
  		    
  牛奶
  			
  果茶
  		  
  
  	 
  

   嵌套列表练习三：实现以下内容

  

  代码如下：

  
  
       
  	 
  	      
  	 
  	 
  	      
  海南政法职业学院
  		  
  
  		    
  公安司法系
  			
  应用法律系
  			
  法务技术系
  			
  公共安全技术系
  			  
  
  			    
  信息安全专业
  				
  计算机通信专业
  				
  安全防范技术专业
  				
  消防工程专业
  			 
  			 
  	 
  
  		  

  练习四：实现以下内容

  

  代码如下：

  
  
       
  	 
  	      
  	 
  	 
  
  	    
  
  		苹果手表
  		
  ￥3000
  		
  
  		联想小新
  		
  ￥5000
  	 
  

   基础内容补充：

  1、在另一个窗口中打开代码

  ：这个代码网站是PHP陈泽辉的代码仓库

  2、给图片设置大小格式

  ：

  3、HTML水平分割线

  ：

  ---

  4、HTML标签参考手册网站

  ：https://www.runoob.com/tags/html-reference.html