親とリスト

<p>
    <a href="https://opentutorials.org">opentutorials</a>
</p>

ここで、pラベルを親ラベル、aラベルを子ラベルと呼ぶ.
->従属の子ラベルを子ラベル、親ラベルを親ラベルと呼びます.
しかし、aラベルは必ずしもpラベルのサブラベルではない.(逆も然り)
必要に応じて関係が異なる場合があります.
しかし、一部のラベルは親-子供の関係のように固定的な関係である.
例を見てみましょう.
ディレクトリ表示時

1. HTML<br>
2. CSS<br>
3. JavaScript<br>

HTML

CSS

JavaScript

このように表すことができますが、brは簡単な改行マークです.
ディレクトリを表すときに使用するタグは別の人がいます.(HTMLの重要な記事を参照)
ディレクトリリストの前のliラベルを使用します.

<li>1. HTML</li>
<li>2. CSS</li>
<li>3. JavaScript</li>

1. HTML

2. CSS

3. JavaScript

次に、ディレクトリリスト以外の参加者リストを追加します.

<li>1. HTML</li>
<li>2. CSS</li>
<li>3. JavaScript</li>
<li>LeeHY</li>
<li>LeeSY</li>
<li>LeeMS</li>

1. HTML

2. CSS

3. JavaScript

LeeHY

LeeSY

LeeMS

ディレクトリと参加者リストの区別が難しい.
他のリストと区別する境界が必要です.
->「ul」タブを使用します.

<ul>
	<li>1. HTML</li>
	<li>2. CSS</li>
	<li>3. JavaScript</li>
</ul>
<ul>
	<li>LeeHY</li>
	<li>LeeSY</li>
	<li>LeeMS</li>
</ul>

1. HTML

2. CSS

3. JavaScript

LeeHY

LeeSY

LeeMS

これにより、2つのリストを区別できます.
別の例として、上記のリストには1～3の数字がリストされています.
もしカタログが数十個か数百個あったら?途中で一つ削除するときは、残りの項目を一つ一つ修正します.その不便を減らすために、ラベルがあります.

<ol>
	<li> HTML</li>
	<li> CSS</li>
	<li> JavaScript</li>
</ol>

HTML

CSS

JavaScript

ulラベルをolラベルに変更すればいいです.
ulは無秩序リストの略で、
olはOrdered listの略です.
ul無秩序リストを作成するとき、
olは、整列リストを作成するために使用されます.