読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

リストとは

リスト(list)とは

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

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

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


the list / sunshinecity

HTMLのリストとは

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

<記述例>
<ul>
 <li>リスト1</li>
 <li>リスト2</li>
</ul>

<ol>
 <li>リスト3</li>
 <li>リスト4</li>
</ol>
<表示例>

  • リスト1
  • リスト2
  1. リスト3
  2. リスト4

※入れ子

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

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


  • リスト1
    • リスト1−1
    • リスト1−2
  • リスト2