概述
索引是指示句子位置或位置的數(shù)字。在HTML中，我們可以通過(guò)兩種方式進(jìn)行索引：無(wú)序列表（ul）和有序列表（li）。在HTML中使用標(biāo)簽來(lái)創(chuàng)建一個(gè)帶有羅馬數(shù)字的列表，羅馬數(shù)字是按順序編寫(xiě)的數(shù)字，因此我們使用有序列表而不是無(wú)序列表。要?jiǎng)?chuàng)建帶有羅馬數(shù)字的有序列表，我們需要定義有序列表的類(lèi)型，即列表中的索引應(yīng)為’a’、’A’、’I’或’i’。因此，要?jiǎng)?chuàng)建羅馬數(shù)字，我們將有序列表的類(lèi)型定義為’I’和’i’。
語(yǔ)法
對(duì)于在HTML中使用羅馬數(shù)字進(jìn)行索引，我們使用以下語(yǔ)法 –
<ol type=""> <li></li> <li></li> </ol>
登錄后復(fù)制
ol ? 它是有序列表，是列表的父容器。
type ? type屬性被定義為設(shè)置列表索引的類(lèi)型。
li ? 它是包含要插入列表中的數(shù)據(jù)的列表。列表標(biāo)簽<li>是有序列表標(biāo)簽<ol>的子標(biāo)簽。
方法
由于羅馬數(shù)字被定義為 I，II，III，IV或i，ii，iii，iv。因此，我們將使用兩個(gè)示例來(lái)學(xué)習(xí)如何通過(guò)將有序列表的類(lèi)型定義為’I‘或’i‘來(lái)創(chuàng)建列表。
算法
步驟 1 – 在您的文本編輯器中創(chuàng)建一個(gè)HTML樣板。
步驟2 – 創(chuàng)建一個(gè)父容器為<ol>并將其類(lèi)型定義為‘i’。
<ol type="i"></ol>
登錄后復(fù)制登錄后復(fù)制
第三步 – 創(chuàng)建有序列表的子元素li。
<li></li>
登錄后復(fù)制登錄后復(fù)制
第四步 ? 將數(shù)據(jù)插入其中。
<li>Frontend Articles</li> <li>Backend Articles</li> <li>UI/UX Articles</li>
登錄后復(fù)制登錄后復(fù)制
第五步 ? 羅馬數(shù)字索引已準(zhǔn)備好。
Example
的中文翻譯為：
示例
在這個(gè)例子中，我們討論了構(gòu)建羅馬數(shù)字列表。我們將有序列表的類(lèi)型定義為“i”（小寫(xiě)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>
登錄后復(fù)制
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 – 在您的文本編輯器中創(chuàng)建一個(gè)HTML樣板
步驟2 – 創(chuàng)建一個(gè)父容器為<ol>并將其類(lèi)型定義為‘i’。
<ol type="i"></ol>
登錄后復(fù)制登錄后復(fù)制
第三步 – 創(chuàng)建有序列表的子元素li。
<li></li>
登錄后復(fù)制登錄后復(fù)制
第四步 – 在其中插入數(shù)據(jù)。
<li>Frontend Articles</li> <li>Backend Articles</li> <li>UI/UX Articles</li>
登錄后復(fù)制登錄后復(fù)制
第5步 – 羅馬數(shù)字索引已準(zhǔn)備好。
Example
的中文翻譯為：
示例
在這個(gè)例子中，我們討論了構(gòu)建羅馬數(shù)字列表。我們將有序列表的類(lèi)型定義為“I”（大寫(xiě)的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>
登錄后復(fù)制
下面的圖片顯示了以下示例2的輸出，其中有序列表的類(lèi)型設(shè)置為“Capital I”，羅馬數(shù)字的編號(hào)如下：I, II, III。
結(jié)論
在有序列表中，我們可以設(shè)置許多類(lèi)型的列表。列表可以按照數(shù)字順序、字母順序和羅馬數(shù)字順序進(jìn)行設(shè)置，就像我們?cè)谏厦娴氖纠惺褂玫哪菢印Ｓ行蛄斜硖峁┝藬?shù)據(jù)的系統(tǒng)化表示，增強(qiáng)了用戶(hù)體驗(yàn)，并使數(shù)據(jù)集變得易于理解。
以上就是如何在HTML中創(chuàng)建以羅馬數(shù)字索引的列表的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章！
