ウェブ学のすすめ

Study of Web Design & Programing

リストとは

HTML

リスト(list)とは

一覧(表)、目録、羅列、一覧に載せる、一覧にする、などの意味を持つ英単語。

引用元：リストとは【list】 - 意味/解説/説明/定義 ： IT用語辞典

リストと言えば、買い物リスト・Todoリスト・持ち物リストなどが思い浮かびます。


the list / sunshinecity

HTMLのリストとは

HTMLではli(List Itemの略)タグを使ってリストを表示します。
ulやolタグの間にliタグを記述します。

＜記述例＞
<ul>
　<li>リスト１</li>
　<li>リスト２</li>
</ul>

<ol>
　<li>リスト３</li>
　<li>リスト４</li>
</ol>
＜表示例＞

  • リスト１
  • リスト２
  1. リスト３
  2. リスト４

※入れ子

リストの中にリストを入れるという「入れ子構造」にすることもできます。

<ul>
　<li>リスト１
　　　<ul>
　　　　　<li>リスト1−1</li>
　　　　　<li>リスト1−2</li>
　　　</ul>
　</li>
　<li>リスト２</li>
</ul>

↓

  • リスト１
    • リスト1−1
    • リスト1−2
  • リスト２

参考サイト