カスタム検索

<ul>、<ol>タグ

<ul>タグの機能と属性
機能 リスト形式であることを定義
属性 HTML-4.01 コア 言語 イベント  
XHTML-1.0 コア 言語 イベント  
<ol>タグの機能と属性
機能 番号つきのリスト形式であることを定義
属性 HTML-4.01 コア 言語 イベント  
XHTML-1.0 コア 言語 イベント  

<ul>はリスト形式であることを定義し、<ol>は番号つきのリスト形式であることを定義します。<ul>および、<ol>は必ず<li>タグをネストして使用します。<li>タグはリストの各項目を定義します。

<ul>、<ol>にネストされるタグ
タグ名 機能 詳細
<li> リストの各項目を定義 詳細

<ul>タグ

<ul>タグを使用すると、ほとんどのブラウザで<li>で定義した各リストの先頭に黒丸を付加します。(CSSを使用すれば、黒丸以外に、白丸や四角形、画像等を指定することもできます。)

ul.html
<html>
    <head>
        <title>&lt;ul&gt;タグの例</title>
    </head>
    <body>
        <ul>
            <li>項目</li>
            <li>項目</li>
            <li>項目</li>
            <li>項目</li>
            <li>項目</li>
        </ul>
    </body>
</html>

<ol>タグ

<ol>タグを使用すると、ブラウザは各リストの先頭に数字と「.」(ピリオド)を付加し、<li>タグで定義された各項目の番号は自動的に増加して表示します。

尚、CSSを使用すれば通常の(アラビア)数字の他に、ローマ数字やアルファベットで表示させることもできます。

ol.html
<html>
    <head>
        <title>&lt;ol&gt;タグの例</title>
    </head>
    <body>
        <ol>
            <li>項目1</li>
            <li>項目2</li>
            <li>項目3</li>
            <li>項目4</li>
            <li>項目5</li>
        </ol>
    </body>
</html>
CopyLeft 2017 Webデザインレッスン プライバシーポリシー サイト管理者に連絡