サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> HTMLタグリファレンス/Tips >> 番号無しリスト <UL> <LI>

番号無しリスト <UL> <LI>



<UL>タグについて

番号無しリストを作成します。<UL>タグでリスト本体を定義し、<LI>タグでリストの項目を定義します。リストマークは、黒丸・白丸などから選択することができます。スタイルシートを用いると、画像をリストマークに使うことも可能です。

属性 機能 記述例
type disc
square
circle
マークを黒丸にする(初期値)
マークを四角にする
マークを白丸にする
<UL type="disc">
<UL type="square">
<UL type="circle">


<LI>タグについて

リストの項目を定義します。項目ごとにリストマークを変更することもできます。
終了タグは省略することもできますが、表示がおかしくなるブラウザもあります。

属性 機能 記述例
type disc
square
circle
マークを黒丸にする(初期値)
マークを四角にする
マークを白丸にする
<LI type="disc">
<LI type="square">
<LI type="circle">


サンプル

リスト

  • 項目1
  • 項目2
  • 項目3
  • マークを白丸にしています
  • 項目2
  • 項目3
  • 黒丸マーク
  • 四角マーク
  • 白丸マーク


サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>リスト</H2>
<UL>
<LI>
項目1</LI>
<LI>項目2</LI>
<LI>項目3</LI>
</UL>
<UL type="
circle">
<LI>マークを白丸にしています</LI>
<LI>項目2</LI>
<LI>項目3</LI>
</UL>
<UL>

<LI type="disc">黒丸マーク</LI>
<LI type="square">四角マーク</LI>
<LI type="circle>白丸マーク</LI>
</UL>


解説・注意点など

<UL>〜</UL>には<LI>タグ以外書くことはできません。


 
 

HTMLタグリファレンス/Tipsに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, HTML Tag Reference Samples Tips. All rights reserved. - Home