チェックフィールド株式会社

東京 港区 千代田区 中央区 ITの運用管理やコンサルティング・相談・サポートはITコンシェルジュにお任せください

スタッフぶろぐ

このエントリをはてなブックマークに登録

F初心者にやさしいHTML講座:リストを見やすく表示させる

今回はリストを見やすく表示させる方法をご紹介します。

<ul><li>タグや、<ol><li>タグを使います。

文章の頭に「・」を自動的に付けたり、「1」「2」「3」などの番号を付けることができます。
一覧表や名簿をつくる場合に使うとよいでしょう。

<ul><li>テスト<li><ul>文章の頭に「・」を付ける

<ul><li>テスト<li><ul>文章の頭に「1」「2」「3」などの番号を付ける

<ul>
<li>りんご</li>
<li>みかん</li>
<li>ばなな</li>
</ul>
<ol>
<li>いぬ</li>
<li>きじ</li>
<li>さる</li>
</ol>

出力結果

● りんご
● みかん
● ばなな

1. いぬ
2. きじ
3. さる

▼また、olタグにtypeプロパティを使うと色々な種類の番号を文頭に付けることができます。詳細はこちらを参考にしてください。
http://www.htmq.com/html/ol.shtml

リストを見やすく表示することができますのでぜひお勧めです。