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

HTMLで大文字のアルファベットを使った番号付きリストを作成する方法

HTMLにおける順序付きリストの基本

HTMLで順序付きリスト（番号付きリスト）を作成するには、<ol>タグを使用します。リスト全体は<ol>タグで囲み、各リスト項目は<li>タグで記述します。リスト項目には、数字・小文字のアルファベット・大文字のアルファベット・ローマ数字などさまざまな形式でマークを付けることができ、何も指定しない場合はデフォルトで数字が使用されます。

type属性で大文字のアルファベットを指定する

大文字のアルファベット（A、B、C…）で番号付けされた順序付きリストを作成したい場合は、<ol>タグのtype属性を利用します。type属性に「A」を指定すると、リスト項目に大文字のアルファベットが割り当てられます。

記述例：<ol type="A">

コード例

以下のコードを実行すると、大文字のアルファベットで番号付けされたリスト項目を含む順序付きリストが表示されます。クリケット・ワールドカップの出場チーム一覧を例にしています。

<!DOCTYPE html>
<html>
   <head>
      <title>World Cup Teams</title>
   </head>
   <body>
      <h1>List of teams for World Cup</h1>
      <ol type = "A">
         <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>

このコードをブラウザで開くと、「A. India」「B. Australia」のように、各大文字が先頭に付いたリストが表示されます。なお、小文字のアルファベットにしたい場合は「a」、ローマ数字の場合は「I」（大文字）または「i」（小文字）を指定することで、同様に表示形式を変更できます。

  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