HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで小文字のローマ数字を使った番号付きリストを作成する方法

HTMLで順序付きリスト（番号付きリスト）を作成するには、<ol>タグを使用します。順序付きリストは<ol>タグで開始し、各リスト項目は<li>タグで囲みます。リスト項目にはデフォルトで数字が割り当てられますが、type属性を指定することで、小文字の英字、大文字の英字、ローマ数字など、さまざまな番号スタイルに変更することができます。

小文字のローマ数字で番号付けされた順序付きリストを作成する場合は、<ol>タグにtype属性を指定します。<ol type="i">のように記述することで、リスト項目にi、ii、iiiといった小文字のローマ数字が自動的に割り当てられます。

<ol>タグのtype属性に指定できる主な値

  • 1：アラビア数字（デフォルト）
  • a：小文字のアルファベット
  • A：大文字のアルファベット
  • i：小文字のローマ数字
  • I：大文字のローマ数字

HTMLで小文字のローマ数字を使った番号付きリストを作成する方法

サンプルコード

以下のコードを実行すると、小文字のローマ数字で番号付けされた順序付きリストを確認できます。

<!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>

  1. HTMLでファイルアップロードボタンを作成する方法をわかりやすく解説

    HTMLでファイルアップロードボタンを作成するには、<input>要素のtype属性に「file」を指定します。これにより、ユーザーが自分のPCやスマートフォンからファイルを選択してアップロードできるボタンが簡単に設置できます。 コード例 <!DOCTYPE html> <html> <head> <title>ファイルアップロードボタンの例</title> </head> <body> <h1>ファイルアップロードボタンの例</h1> <p>「ファイルを選択」ボ

  2. HTMLでダウンロードリンクを作成する方法をわかりやすく解説

    HTMLでダウンロードリンクを作成するには、<a>タグにdownload属性を追加します。この属性を指定すると、リンク先のファイルがブラウザで開かれる代わりに、クリックした時点でダウンロードされるようになります。コード例以下は、画像をクリックするとその画像ファイルがダウンロードされるサンプルコードです。<!DOCTYPE html> <html> <body> <h1>Download Link example</h1> <a href="https://i.picsum.photos/id/225/800