📌  相关文章
📜  HTML-列表

📅  最后修改于: 2020-12-16 05:48:20             🧑  作者: Mango

HTML为网络作者提供了三种指定信息列表的方式。所有列表必须包含一个或多个列表元素。列表可能包含-

    • -无序列表。这将使用普通项目符号列出项目。

      • -有序列表。这将使用不同的数字方案来列出您的项目。

      1. -定义列表。这将以与字典中相同的方式排列项目。

    HTML无序列表

    无序列表是没有特殊顺序或序列的相关项目的集合。该列表是使用HTML

      标记创建的。列表中的每个项目都标有项目符号。

      例

      现场演示
      HTML Unordered List
   
    
   
      
        
         
      • Beetroot
        • 
         
      • Ginger
        • 
         
      • Potato
        • 
         
      • Radish
        •

      这将产生以下结果-

      类型属性

      您可以对

        标签使用type属性，以指定所需的项目符号类型。默认情况下，它是光盘。以下是可能的选项-

        例

        以下是我们使用

          的示例

          现场演示
          HTML Unordered List
   

   
      
            
         
          • Beetroot
            • 
         
          • Ginger
            • 
         
          • Potato
            • 
         
          • Radish
            •

          这将产生以下结果-

          例

          以下是我们使用

            的示例-

            现场演示
            HTML Unordered List
   
    
   
      
              
         
            • Beetroot
              • 
         
            • Ginger
              • 
         
            • Potato
              • 
         
            • Radish
              •

            这将产生以下结果-

            例

            以下是我们使用

              的示例-

              现场演示
              HTML Unordered List
   

   
      
                
         
              • Beetroot
                • 
         
              • Ginger
                • 
         
              • Potato
                • 
         
              • Radish
                •

              这将产生以下结果-

              HTML有序列表

              如果需要将项目放在编号列表中而不是项目符号中，则将使用HTML排序列表。该列表是通过使用

                标记创建的。编号从1开始，并且对于每个用
              1. 标记的连续有序列表元素，其编号递增1。

                例

                现场演示
                HTML Ordered List
   

   
      
                  
         
                1. Beetroot
                  2. 
         
                2. Ginger
                  3. 
         
                3. Potato
                  4. 
         
                4. Radish
                  5.

                这将产生以下结果-

                类型属性

                您可以使用

                  标记的type属性来指定所需的编号类型。默认情况下，它是一个数字。以下是可能的选项-

                     - Default-Case Numerals.

                       - Upper-Case Numerals.

                         - Lower-Case Numerals.

                           - Upper-Case Letters.

                             - Lower-Case Letters.

                  例

                  以下是我们使用

                    现场演示
                    HTML Ordered List
   

   
      
                      
         
                    1. Beetroot
                      2. 
         
                    2. Ginger
                      3. 
         
                    3. Potato
                      4. 
         
                    4. Radish
                      5.

                    这将产生以下结果-

                    例

                    以下是我们使用

                      现场演示
                      HTML Ordered List
   
    
   
      
                        
         
                      1. Beetroot
                        2. 
         
                      2. Ginger
                        3. 
         
                      3. Potato
                        4. 
         
                      4. Radish
                        5.

                      这将产生以下结果-

                      例

                      以下是我们使用

                        现场演示
                        HTML Ordered List
   
    
   
      
                          
         
                        1. Beetroot
                          2. 
         
                        2. Ginger
                          3. 
         
                        3. Potato
                          4. 
         
                        4. Radish
                          5.

                        这将产生以下结果-

                        例

                        以下是我们使用

                          的示例

                          现场演示
                          HTML Ordered List
   
    
   
      
                            
         
                          1. Beetroot
                            2. 
         
                          2. Ginger
                            3. 
         
                          3. Potato
                            4. 
         
                          4. Radish
                            5.

                          这将产生以下结果-

                          例

                          以下是我们使用

                            现场演示
                            HTML Ordered List
   
    
   
      
                              
         
                            1. Beetroot
                              2. 
         
                            2. Ginger
                              3. 
         
                            3. Potato
                              4. 
         
                            4. Radish
                              5.

                            这将产生以下结果-

                            开始属性

                            您可以使用

                              标记的开始属性来指定所需编号的起点。以下是可能的选项-

                                    - Numerals starts with 4.

                                      - Numerals starts with IV.

                                        - Numerals starts with iv.

                                          - Letters starts with d.

                                            - Letters starts with D.

                              例

                              以下是我们使用

                                的示例

                                现场演示
                                HTML Ordered List
   
    
   
      
                                  
         
                                1. Beetroot
                                  2. 
         
                                2. Ginger
                                  3. 
         
                                3. Potato
                                  4. 
         
                                4. Radish
                                  5.

                                这将产生以下结果-

                                HTML定义列表

                                HTML和XHTML支持一种称为定义列表的列表样式，其中条目的列出方式类似于字典或百科全书。定义列表是呈现词汇表，术语列表或其他名称/值列表的理想方法。

                                定义列表使用以下三个标签。

                                • -定义列表的开始
                                • -术语
                                • -术语定义
                                • -定义列表的末尾

                                例

                                现场演示
                                HTML Definition List
   
    
   
      
                                
         
                                HTML
                                
         
                                This stands for Hyper Text Markup Language
                                
         
                                HTTP
                                
         
                                This stands for Hyper Text Transfer Protocol

                                这将产生以下结果-