箇条書きと番号の一覧をHTMLで作成する方法

箇条書きリストを作成するには、番号なしリストタグを使用します。
    次の例に示すように、アイテムタグを一覧表示します。

    • 例2
    • 例3

    上記の例では、以下のように箇条書きリストを作成します。

    • 例2
    • 例3

    このリストを番号付きリスト(番号付きリスト)に変更したい場合は、

      のタグ
        以下の例に示すように、

        1. 例2
        2. 例3

        上記の例では、次に示すように番号付きリストが作成されます。

        1. 例2
        2. 例3

        CSSスタイルを適用する場合や、箇条書きリストとして画像を使用する場合は、次の例のようにCSSコードを作成してください。

        #content ul li {list-style-Type:なし; パディング:0 0 4ピクセル23ピクセル。 背景:url(// www.computerhope.com/arrow.gif)左上を繰り返さない。

        }

        この例では、外部の.cssファイルを使用して、セクション内の箇条書き項目のみを変更するようにWebページに指示しています。 すべての箇条書き項目を変更したい場合は、上記の例の#contentを削除できます。 2行目のlist-style-Typeはnoneです。 箇条書きを表示しないようにブラウザに指示します。 3行目のパディングは0 0 4px 23pxです。 行頭文字の周りのパディングとインデントです。 最後の背景の行は、行頭文字として画像を使用してそれを表示する場所をブラウザに指示します。 このCSSコードでは、以下のように箇条書きになります。

        • 例2
        • 例3