📌  相关文章
📜  为什么我们需要声明<ul>&<ol> HTML 中的标签?

📅  最后修改于: 2022-05-13 01:56:43.274000             🧑  作者: Mango

为什么我们需要在 HTML 中声明
    &
      标签?

    标签用于创建无序列表。它用于在列表项的顺序不重要的情况下制作列表。另一方面,
      标签是创建一个有序列表。顾名思义,它用于按顺序维护列表项的情况。每个列表都有一个或多个列表元素,这些元素使用
    1. 标签表示。

      在本文中,我们将了解在 HTML 文档中创建列表时

          标记的用法。

          HTML 无序列表:

            标签用于在 HTML 文档中创建无序列/项目符号列表。它用于对订单不重要的特定信息项进行分组,例如餐厅的菜单卡、产品的功能等。

              标签是成对的标签,所以它必须有开始
                和结束
              标签。列表元素使用
            • 标记进行标记,该标记是空的/未配对的标记,即关闭
            • 标记是可选的。这些是块元素,因此换行符会自动插入到标签的下方和上方。

              句法:

              • List element1
              • List element2
              • ...

              属性值:

              • disc:实体盘出现在列表元素之前
              • circle:空圆圈出现在列表元素之前
              • 正方形:实心正方形出现在列表元素之前
              • none:将出现注释

              注意:如果您没有指定任何类型属性,则默认情况下,列表元素之前会出现一个实心圆盘。

              示例 1:这是一个简单的示例,它将以无序形式说明列表。

              HTML
              
              
                
              
                  Unordered List
              
                
              
                  

              Unordered List

                  
                        
              • Computers
              •         
              • Science
              •         
              • Mathematics
              •         
              • Languages
              •         
              • Social Sciences
              •     
                


              HTML
              
              
                
              
                  Nested Unordered List
              
                
              
                  

              Nested Unordered List

                  
                        
              • Programming Languages             
                                  
                • C++
                •                 
                • Python
                •             
                        
              • Softwares
              •         
                              
                • System Software
                •             
                • Application Software
                •         
                    
                


              HTML
              
              
                
              
                  Ordered List
              
                
              
                  

              Ordered List

                  
                        
              1. Desktop         
              2. Laptop         
              3. Tablet         
              4. Mobile Phone     
                


              HTML
              
              
                
              
                  Nested Ordered List
              
                
              
                  

              Nested Ordered List

                  
                        
              1. Programming Languages             
                                  
                1. Python                 
                2. R             
                        
              2. Softwares             
                                  
                1. System Software                 
                2. Application Software             
                    
                


              HTML
              
              
                
              
                  Nested Ordered and Unordered List
              
                
              
                  

              Nested Ordered and Unordered List

                  
                        
              1. Programming Languages             
                                  
                1. Python                 
                2. R             
                        
              2. Softwares             
                                  
                • System Software                 
                • Application Software             
                    
                


              输出:

              示例 2:此示例将说明无序列表的嵌套形式的使用。

              HTML

              
              
                
              
                  Nested Unordered List
              
                
              
                  

              Nested Unordered List

                  
                        
              • Programming Languages             
                                  
                • C++
                •                 
                • Python
                •             
                        
              • Softwares
              •         
                              
                • System Software
                •             
                • Application Software
                •         
                    
                

              输出:

              HTML有序列表:

                用于在 HTML 文档中创建有序/编号列表。它用于按特定顺序对信息项进行分组,例如安装应用程序软件的说明等。

                  标签是成对的标签,所以它必须有开始
                    和结束
                  标签。列表元素使用
                1. 标记进行标记,该标记是空的/未配对的标记,即关闭
                2. 标记是可选的。这些是块元素,因此换行符会自动插入到标签的下方和上方。

                  句法:

                  1. List element1
                  2. List element2
                  3. ...

                  属性值:

                  • number:数字将出现在列表元素之前,例如:1、2、3。
                  • 小写字母:小写字母将出现在列表元素之前,例如:a、b、c。
                  • 大写字母:大写字母将出现在列表元素之前,例如:A、B、C。
                  • 小写罗马字母:小写罗马字母将出现在列表元素之前,例如:i、ii、iii。
                  • 大写罗马字母:大写罗马字母将出现在列表元素之前,例如:I、II、III。

                  注意:如果您没有指定任何类型属性,则默认情况下,在 Web 浏览器中查看网页时,数字将出现在以

                3. 标记指定的列表元素之前。

                  示例 1:这是一个简单的示例,它将以有序的形式说明列表。

                  HTML

                  
                  
                    
                  
                      Ordered List
                  
                    
                  
                      

                  Ordered List

                      
                            
                  1. Desktop         
                  2. Laptop         
                  3. Tablet         
                  4. Mobile Phone     
                    

                  输出:

                  示例 2:此示例将说明有序列表的嵌套形式的使用。

                  HTML

                  
                  
                    
                  
                      Nested Ordered List
                  
                    
                  
                      

                  Nested Ordered List

                      
                            
                  1. Programming Languages             
                                      
                    1. Python                 
                    2. R             
                            
                  2. Softwares             
                                      
                    1. System Software                 
                    2. Application Software             
                        
                    

                  输出:

                  我们还可以在同一个列表中同时使用有序列表和无序列表,并创建一个嵌套列表。

                  例子:

                  HTML

                  
                  
                    
                  
                      Nested Ordered and Unordered List
                  
                    
                  
                      

                  Nested Ordered and Unordered List

                      
                            
                  1. Programming Languages             
                                      
                    1. Python                 
                    2. R             
                            
                  2. Softwares             
                                      
                    • System Software                 
                    • Application Software             
                        
                    

                  输出: