[HTML] 要素を項目表示する - ULタグを用いた順序の無いリストの作成
このページのタグ:[HTML]
HTMLで項目リストを作成するコードを紹介します。

概要

HTMLで項目のリストを作成するには、ULタグ、LIタグを利用します。

書式

下記の書式となります。

  <ul>
    <li>項目</li>
    <li>項目</li>
    <li>項目</li>
    <li>項目</li>
    <li>項目</li>
    ......
    <li>項目</li>
  </ul>

コード

下記のHTMLファイルを作成します。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<body>
  <div>リストのデモです</div>
  <ul>
    <li>項目A</li>
    <li>項目B</li>
    <li>項目C</li>
    <li>項目D</li>
    <li>項目E</li>
    <li>項目F</li>
  </ul> 
</body>
</html>

実行結果

上記のHTMLファイルをWebブラウザで表示します。
下図の画面が表示されます。


項目ごとに改行され、各項目の先頭に「・」の見出しマークがついています。HTMLで項目リストを表現できました。

プライバシー    iPentecについて
iPentec all rights reserverd. (ISDC)