HTML リファレンス - リスト編

ホームページ基礎知識

1章; HTML入門
2章; HTMLの基本
3章; リンクについて
4章; 文章の整形
5章; ファイル転送
6章; 画像について

基礎知識 「中級編」

基礎知識 「上級編」

HTML リファレンス

 ・基本構成編
 ・リンク編
 ・フォント編
 ・テキスト編
 ・画像編
 ・リスト編
 ・テーブル編
 ・フレーム編
 ・フォーム編
 ・拡張タグ編
 ・カラー編

アクセスアップの方法

 ・評価の高いサイト
 ・SEOのメリット
 ・SEO関連語句解説

相互リンクについて

お勧めレンタルサーバー
Click Here! *

■お勧め独自ドメインプラン
違うURLサイト複数製作可

相互リンクでSEO!
やきぶたサーチSEO
アクセスアップ無料情報
ホームページ作成講座
アクセスアップSEO
格安レンタルサーバー
 L 無料レンタルサーバー
チャ−シューメンズ倶楽部
SEOのつもりがスパム?

ホームページ作成
 ★FC2 無料ホームページ
 ★ホームページ テンプレート 1
 ★ホームページ テンプレート 2

■ 順不同リスト

<UL>
<LI>
<LI TYPE="CIRCLE">
<LI TYPE="SQUARE">
<LI TYPE="DISK">
</UL>
【説明】
<UL></UL>をペアで使用することにより順不同リスト(Unorderd List)を作成することができます。リストの項目には<LI>を使用します。<UL>〜</UL>ではマークを指定することができませんが、TYPEでcircle(円), square(四角), disk(黒丸)を指定することができます。しかし、ブラウザによって表示が異なります。補足として<LI>を項目の後に置くとマークなしのリストを作成することもできます。

【使用例】
<UL>
<LI>株式会社
<LI>有限会社
<LI>個人事業主
    <UL>
    <LI>営業部
    <LI>経理部
        <UL>
        <LI>法人営業課
        <LI>出納課
       </UL>
    <LI>企画部
       <UL>
       <LI TYPE="DISC">開発室
       <LI TYPE="CIRCLE">実験室
       <LI TYPE="SQUARE">設計室
       </UL>
    </UL>
</UL>

【表示】
  • 株式会社
  • 有限会社
  • 個人事業主
    • 営業部
    • 経理部
      • 法人営業課
      • 出納課
    • 企画部
      • 開発室
      • 実験室
      • 設計室

■ 順序付きリスト

<OL TYPE="A">

<LI>
<OL TYPE="a">
<LI>
<OL TYPE="I">
<LI>
<OL TYPE="i">
<LI>
<OL TYPE="1">
<LI>
</OL>

<OL START="n">
<LI VALUE="n">

【説明】

<OL></OL>をペアで使用することにより順序付きリスト(Orderd List)を作成します。項目には<LI>を使用します。

<OL TYPE="A">TYPE=A アルファベット (A, B, C, ...)大文字
<OL TYPE="a">TYPE=a アルファベット (a, b, c, ...)小文字
<OL TYPE="I">TYPE=I ローマ数字(I, II, III, ...)大文字
<OL TYPE="i">TYPE=i ローマ数字(i, ii, iii, ...)小文字
<OL TYPE="1">TYPE=1 アラビア数字( 1, 2, 3, ...)デフォルト

<OL START="n">を使用すると任意の番号からスタートできます。
<LI VALUE="n">を使用するとリストの途中から番号を変更できます。

【使用例】

<OL TYPE="i">
<LI>営業部
<LI>経理部
<LI>企画部
</OL>
【表示】

  1. 営業部
  2. 経理部
  3. 企画部


【使用例】

<OL TYPE="A" START ="5">
<LI>営業部
<LI>経理部
<LI>企画部
<LI VALUE="24">開発室
<LI>実験室
<LI>設計室
</OL>
【表示】

  1. 営業部
  2. 経理部
  3. 企画部
  4. 開発室
  5. 実験室
  6. 設計室

■ 定義リスト

<DL>
<DT>
<DD>
</DL>

<DL COMPACT>
<DT>
<DD>
</DL>

【説明】

このタグは<DL></DL>をペアで囲み、定義リスト(Definition List)として使用します。<DT>は定義する言葉(Definition Term)に使用し、<DD>はの定義内容(Definition Description)に使用します。また<DT><DD>を使用すると自動的に改行されます。

<DL COMPACT>を使用すると<DT><DD>で自動的に改行するのをキャンセルさせることができます。言葉、定義ともに短いとき使用するのが効果的です。

【使用例】

 <DL>
 <DT>検索エンジンやきぶたサーチ
 <DD>SEO対策に有効なHTML表示のサーチエンジンです。
 <DT>アクセスアップ同好会
 <DD>SEOで検索結果上位表示させ意義あるアクセスアップをめざす
 </DL>
【表示】

検索エンジンやきぶたサーチ
SEO対策に有効なHTML表示のサーチエンジンです。
アクセスアップ同好会
SEOで検索結果上位表示させ意義あるアクセスアップをめざす


【使用例】

 <DL COMPACT>
 <DT>検索エンジン
 <DD>やきぶたサーチ
 <DT>アクセスアップ
 <DD>SEOでアクセスアップ
 </DL>
【表示】

検索エンジン
やきぶたサーチ
アクセスアップ
SEOでアクセスアップ

1GBの大容量 無料ホームページ(商用利用、アフィリエイト可能)  ◎広告収入GETも可能!無料ホームページ作成サービス(携帯・PC対応)

ホームページ・ビルダー10 通常版  ◎ホームページ・ビルダー10 プレミアムパック  ◎ホームページ・ビルダー10初心者おすすめ解説本

初心者におすすめ格安レンタルサーバー ロリポップ(200MB、263円から)   ◎ブログの為の格安レンタルサーバー(月額208円 / 500M 〜)


ホームページ作成講座 TOP