こんにちはみっくです。
今回はHTMLのliタグについてのお話です。
みっく
このliタグはリストの項目を作るタグです♪
みっく
「li」はリスト(list)でlist itemの略です。リストの項目を表します。
<ul> ~ </ul>もしくは <ol> ~ </ol> で囲まれた範囲内にリストを定義できます。
ulタグとolタグについては以下の記事を参考にお願いします。
ulタグの使い方を覚える!【1分でわかるHTML編】 olタグの使い方を覚える!【1分でわかるHTML編】HTML
<p>今日の買い物のリスト</p>
<ul>
<li>じゃがいも</li>
<li>にんじん</li>
<li>たまねぎ</li>
</ul>
<p>今日の献立の手順</p>
<ol>
<li>タマネギをカットする</li>
<li>カットしたタマネギを炒める</li>
<li>炒めたタマネギに調味料をかける</li>
</ol>
ブラウザでの表示
今日の買い物のリスト
- じゃがいも
- にんじん
- たまねぎ
今日の献立の手順
- タマネギをカットする
- カットしたタマネギを炒める
- 炒めたタマネギに調味料をかける
みっくのレビュー
難易度
(1)
ulタグもしくはolタグの中に記述するシンプルなタグですので、難易度は★1つレベルです。
みっぴー
これはわかりやすいタグですね♪
みっくのレビュー
使用頻度
(4)
ulタグもしくはolタグと合わせて必ず使用されますので 、使用頻度は ★ 4つレベルです。
さっぴー
必ずセットなんですね!
みっくのレビュー
重要度
(4)
ulタグもしくはolタグの中(直下)に記述できるタグは、このliタグのみですので、重要度は ★ 4つレベルです。
みっく
ulタグとolタグの直下にはliタグしか記述できないのがポイントですね!
「li」はリスト(list)でlist itemの略です。リストの項目を表します。
<ul> ~ </ul>もしくは <ol> ~ </ol> で囲まれた範囲内にリストを定義できます。
ulタグもしくはolタグの中に記述するシンプルなタグですので、難易度は★1つレベルです。
ulタグもしくはolタグと合わせて必ず使用されますので 、使用頻度は ★ 4つレベルです。
ulタグもしくはolタグの中に記述できるタグは、このliタグのみですので、重要度は ★ 4つレベルです。
みっく
ulタグとolタグとセットで覚えてしまいましょう♪