首頁 > 文章 > web前端 > 如何在HTML中建立一個有序列表，其中列表項目使用小寫羅馬數字編號？

如何在HTML中建立一個有序列表，其中列表項目使用小寫羅馬數字編號？

WBOY轉載: 2023-08-23 23:33:072336瀏覽

列表是一組依序（通常是一個在另一個下面）寫成的連接項。使用HTML，您可以建立兩種類型的清單：無序列表和有序列表。

有序列表預設使用數字標記。您可以使用

標籤建立有序列表，並使用

定義列表項目。

我們可以在HTML中建立4種有序列表 -

type="1"− 這將建立一個從1開始的有序列表。
type="A"− 這將建立一個以大寫字母A開頭的有序列表。
type="a"− 這將建立一個以小寫字母a開始的清單。
type="I"− 這將建立一個以大寫羅馬數字從I開始編號的清單。
type="i"− 這將建立一個以小寫羅馬數字從i開始編號的清單。

文法

以下是在HTML中建立以小寫羅馬數字編號的有序列表項目的語法。

<ol type="i">
   <li>Item in list…</li>
   <li>Item in list…</li>
   <li>Item in list…</li>
</ol>

Example 1

的中文翻譯為：

範例 1

下面是一個在HTML中建立用小寫羅馬數字編號的有序列表項目的範例。

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <ol type="i">
      <li>Abdul</li>
      <li>Jason</li>
      <li>Yadav</li>
      <li>Lokesh</li>
   </ol>
</body>
</html>

以下是上述範例程式的輸出。

範例2

讓我們來看另一個例子，使用小寫羅馬數字作為項目符號建立有序列表：

<!DOCTYPE html>
<html>
<head>
   <title>World Cup Teams</title>
</head>
<body>
   <h1>List of teams for World Cup</h1>
   <ol type = "i">
      <li>India</li>
      <li>Australia</li>
      <li>South Africa</li>
      <li>New Zealand</li>
      <li>Pakistan</li>
      <li>Srilanka</li>
      <li>West Indies</li>
      <li>Bangladesh</li>
   </ol>
</body>
</html>

執行HTML程式碼後得到的輸出為−

以上是如何在HTML中建立一個有序列表，其中列表項目使用小寫羅馬數字編號？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：如何在HTML中的fieldset中包含一個標題？下一篇：如何在HTML中的fieldset中包含一個標題？

看更多