索引是指示句子位置或位置的數字。在HTML中,我們可以透過兩種方式進行索引:無序列表(ul)和有序列表(li)。在HTML中使用
對於在HTML中使用羅馬數字進行索引,我們使用以下語法 -
<ol type=""> <li></li> <li></li> </ol>
ol − 它是有序列表,是列表的父容器。
type − type屬性被定義為設定清單索引的型別。
li − 它是包含要插入清單中的資料的清單。列表標籤
由於羅馬數字被定義為 I,II,III,IV或i,ii,iii,iv。 因此,我們將使用兩個範例來學習如何透過將有序列表的類型定義為'I'或'i'來建立清單。
步驟 1 - 在您的文字編輯器中建立一個HTML樣板。
步驟2 - 建立一個父容器為
<ol type="i"></ol>
第三步 - 建立有序列表的子元素li。
<li></li>
第四步 − 將資料插入其中。
<li>Frontend Articles</li> <li>Backend Articles</li> <li>UI/UX Articles</li>
第五步 − 羅馬數字索引已準備好。
在這個例子中,我們討論了建立羅馬數字清單。我們將有序列表的類型定義為“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 type="i"></ol>
第三步 - 建立有序列表的子元素li。
<li></li>
第四步 - 在其中插入資料。
<li>Frontend Articles</li> <li>Backend Articles</li> <li>UI/UX Articles</li>
第5步 - 羅馬數字索引已準備好。
在這個例子中,我們討論了建立羅馬數字清單。我們將有序列表的類型定義為“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中建立以羅馬數字索引的列表的詳細內容。更多資訊請關注PHP中文網其他相關文章!