日々思いついたことを気ままに書くブログです。

ProgateでHTMLを勉強する3

<li></li>

リストを作る要素。

<li>要素は囲む要素によって種類が変わる。

<ul>要素で<li>要素を囲んだ場合、先頭に黒点がつく。

(例)

  • あいう
  • えおか

→HTMLの構造

<ul>

 <li>あいう</li>

 <li>えおか</li>

</ul>

 

<ol>要素で<li>要素を囲んだ場合、先頭に数字がつく。

 (例)

  1. あいう
  2. えおか

→HTMLの構造

<ol>

 <li>あいう</li>

 <li>えおか</li>

</ol>

 

要素を要素で囲むことを「入れ子」という。

囲む方を親要素、囲まれる方を子要素という。

 

入れ子構造の要素がある場合、インデント(字下げ)をする。

キーボードの「tab」キーでインデントができる。

(例)

未インデント

<ul>

<li>あいう</li>

<li>えおか</li>

</ul>

インデント済

<ul>

 <li>あいう</li>

 <li>えおか</li>

</ul>