ulダグ/番号無しリスト

<ul>タグは番号無しリストを示します。

説明

 通常は<ul>タグで番号無しリストを宣言し、項目自体は<li>タグで記述します。

 <li>タグを使って項目を羅列する事で番号が無いリストを列挙する事が出来ます。

構文

 <ul>タグはHTMLボディー内に記述します。構文は以下の通りです。

<ul>番号無しリスト</ol>

利用例

 利用例は以下の通りです。

<ul>
<li>記号が自動で表示されます。</li>
<li>CSSで表示形式を変える事も出来ます。</li>
<li>入れ子にする事も可能です。</li>
</ul>

 上記を表示すると以下になります。

  • 記号が自動で表示されます。
  • CSSで表示形式を変える事も出来ます。
  • 入れ子にする事も可能です。

入れ子

 <ul>タグは入れ子にする事も出来ます。

<ul>
<li>最初のリストです。</li>
<ul>
<li>入れ子になっています。</li>
<li>別の記号が自動で付きます。</li>
</ul>
<li>元の記号に戻ります。</li>
</ul>

 上記を表示すると以下になります。

  • 最初のリストです。
    • 入れ子になっています。
    • 別の記号が自動で付きます。
  • 元の記号に戻ります。

 CSSを使って記号を変えたり、記号をなくしたりする事も出来ます。

ディスプレイ

 <ul>タグはブロックボックスのため、改行されます。

関連ページ

・ホームページ作成「リスト項目の挿入

 CSSを使って表示方法を変えたり、最初に付く記号を白丸や無し等他の形式に変えたりする方法等を説明しています。

検索付「HTMLタグ早見表」に戻る

スマホ向け「HTMLタグ一覧」に戻る

  • このエントリーをはてなブックマークに追加