首頁 > web前端 > html教學 > 如何在HTML中建立以羅馬數字索引的列表

如何在HTML中建立以羅馬數字索引的列表

WBOY
發布: 2023-09-13 21:37:02
轉載
1487 人瀏覽過

如何在HTML中建立以羅馬數字索引的列表

概述

索引是指示句子位置或位置的數字。在HTML中,我們可以透過兩種方式進行索引:無序列表(ul)和有序列表(li)。在HTML中使用

    標籤來建立一個帶有羅馬數字的列表,羅馬數字是按順序編寫的數字,因此我們使用有序列表而不是無序列表。要建立具有羅馬數字的有序列表,我們需要定義有序列表的類型,即列表中的索引應為'a'、'A'、'I'或'i'。因此,要創建羅馬數字,我們將有序列表的類型定義為'I'和'i'。

    文法

    對於在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 - 建立一個父容器為

      並將其類型定義為‘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 - 建立一個父容器為

        並將其類型定義為‘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中建立以羅馬數字索引的列表的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板