概述
索引是指示句子位置或位置的數字。在HTML中，我們可以通過兩種方式進行索引：無序列表（ul）和有序列表（li）。在HTML中使用標簽來創建一個帶有羅馬數字的列表，羅馬數字是按順序編寫的數字，因此我們使用有序列表而不是無序列表。要創建帶有羅馬數字的有序列表，我們需要定義有序列表的類型，即列表中的索引應為’a’、’A’、’I’或’i’。因此，要創建羅馬數字，我們將有序列表的類型定義為’I’和’i’。
語法
對于在HTML中使用羅馬數字進行索引，我們使用以下語法 –
<ol type=""> <li></li> <li></li> </ol>
登錄后復制
ol ? 它是有序列表，是列表的父容器。
type ? type屬性被定義為設置列表索引的類型。
li ? 它是包含要插入列表中的數據的列表。列表標簽<li>是有序列表標簽<ol>的子標簽。
方法
由于羅馬數字被定義為 I，II，III，IV或i，ii，iii，iv。因此，我們將使用兩個示例來學習如何通過將有序列表的類型定義為’I‘或’i‘來創建列表。
算法
步驟 1 – 在您的文本編輯器中創建一個HTML樣板。
步驟2 – 創建一個父容器為<ol>并將其類型定義為‘i’。
<ol type="i"></ol>
登錄后復制登錄后復制
第三步 – 創建有序列表的子元素li。
<li></li>
登錄后復制登錄后復制
第四步 ? 將數據插入其中。
<li>Frontend Articles</li> <li>Backend Articles</li> <li>UI/UX Articles</li>
登錄后復制登錄后復制
第五步 ? 羅馬數字索引已準備好。
Example
的中文翻譯為：
示例
在這個例子中，我們討論了構建羅馬數字列表。我們將有序列表的類型定義為“i”（小寫i）。
<html>
<head>
<title>Roman number indexing as i</title>
</head>
<body>
<h1> Points to remember ol type= “i” </h1>
<ol type="i">
<li>Frontend Articles</li>
<li>Backend Articles</li>
<li>UI/UX Articles</li>
</ol>
</body>
</html>
登錄后復制
The given below image shows the output of the example in which we had set the type of ordered list “small i”, so the bullets or indexing in the below points are as i, ii, iii.
算法
步驟 1 – 在您的文本編輯器中創建一個HTML樣板
步驟2 – 創建一個父容器為<ol>并將其類型定義為‘i’。
<ol type="i"></ol>
登錄后復制登錄后復制
第三步 – 創建有序列表的子元素li。
<li></li>
登錄后復制登錄后復制
第四步 – 在其中插入數據。
<li>Frontend Articles</li> <li>Backend Articles</li> <li>UI/UX Articles</li>
登錄后復制登錄后復制
第5步 – 羅馬數字索引已準備好。
Example
的中文翻譯為：
示例
在這個例子中，我們討論了構建羅馬數字列表。我們將有序列表的類型定義為“I”（大寫的I）。
<html>
<head>
<title>Roman number indexing as I</title>
</head>
<body>
<h1>Points to remember <ol type= “I”></h1>
<ol type="I">
<li>Frontend Articles</li>
<li>Backend Articles</li>
<li>UI/UX Articles</li>
</ol>
</body>
</html>
登錄后復制
下面的圖片顯示了以下示例2的輸出，其中有序列表的類型設置為“Capital I”，羅馬數字的編號如下：I, II, III。
結論
在有序列表中，我們可以設置許多類型的列表。列表可以按照數字順序、字母順序和羅馬數字順序進行設置，就像我們在上面的示例中使用的那樣。有序列表提供了數據的系統化表示，增強了用戶體驗，并使數據集變得易于理解。
以上就是如何在HTML中創建以羅馬數字索引的列表的詳細內容，更多請關注www.92cms.cn其它相關文章！
