📜  如何在 HTML 中创建带有罗马数字索引的列表?

📅  最后修改于: 2021-11-08 06:40:54             🧑  作者: Mango

在本文中,我们将创建一个带有罗马数字索引的列表。在 HTML 中,列表是一小段信息的记录,例如人名,通常在每一行书写或打印一个单独的内容,并以易于查找特定内容的方式进行排序。

方法: HTML 中有不同类型的列表。其中之一是有序列表或 ol。有序列表使用

    标签。要创建带有罗马数字索引的有序列表,我们将使用属性type
      标签的 type 属性定义了列表项的编号类型。有序列表中type属性的默认值为number。因此,例如,如果我们想要带有字母的列表,我们只需将值“a”赋予类型属性。类似地,为了创建一个带有罗马数字索引的列表,我们必须为 type 属性提供第一个罗马数字值。

      句法:

      下面是上述方法的实现。

      示例 1:在本示例中,我们将创建一个带有大写罗马数字索引的列表。为此,我们将为“I”提供属性类型值。

      HTML
      
      
        
      
          
      
        
      
          

      Ordered List with Roman Numbers

          
                
      1. HTML
      2.         
      3. CSS
      4.         
      5. JAVA
      6.         
      7. SASS
      8.     
        


      HTML
      
      
        
      
          
      
        
      
          

              Ordered List with LowerCase          Roman Numbers     

                 
                
      1. HTML
      2.         
      3. CSS
      4.         
      5. JAVA
      6.         
      7. SASS
      8.     
        


      输出:

      GFG

      示例 2:现在我们将创建一个带有小写罗马数字索引的列表。整个代码将与之前相同,我们现在将类型属性值从“I”更改为“i”。

      HTML

      
      
        
      
          
      
        
      
          

              Ordered List with LowerCase          Roman Numbers     

                 
                
      1. HTML
      2.         
      3. CSS
      4.         
      5. JAVA
      6.         
      7. SASS
      8.     
        

      输出:

      GFG