|
カスタム検索
|
|
|
|
|
||||||||||||||||||||||
<ul>、<ol>
<ul>、<ol>タグ| 機能 | リスト形式であることを定義 | |
|---|---|---|
| 属性 | HTML-4.01 | コア 言語 イベント |
| XHTML-1.0 | コア 言語 イベント | |
| 機能 | 番号つきのリスト形式であることを定義 | |
|---|---|---|
| 属性 | HTML-4.01 | コア 言語 イベント |
| XHTML-1.0 | コア 言語 イベント | |
<ul>はリスト形式であることを定義し、<ol>は番号つきのリスト形式であることを定義します。<ul>および、<ol>は必ず<li>タグをネストして使用します。<li>タグはリストの各項目を定義します。
| タグ名 | 機能 | 詳細 |
|---|---|---|
| <li> | リストの各項目を定義 | 詳細 |
<ul>タグ
<ul>タグを使用すると、ほとんどのブラウザで<li>で定義した各リストの先頭に黒丸を付加します。（CSSを使用すれば、黒丸以外に、白丸や四角形、画像等を指定することもできます。）
ul.html
<html>
<head>
<title><ul>タグの例</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><ol>タグの例</title>
</head>
<body>
<ol>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
<li>項目4</li>
<li>項目5</li>
</ol>
</body>
</html>
<div>
ページの先頭
2024 Webデザインレッスン