JAZZ&ART

アクセスカウンタ

zoom RSS HTMLとリスト

<<   作成日時 : 2008/08/23 18:45   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

画像

WEBサイトは、HTMLのタグで組まれたものです。
WEBサイトによく見かけるものに、数字などで規則正しくならんだリストというものがあります。
リストには、いくつかの種類があり、使い分けることができます。
このリストについて記述したいと思います。
※下記に記述している<>タグは本来は半角ですが、全角で打っております。

1、・マークつきのリスト
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor=”#FFFFFF”>
<p>桃太郎の家来</p>

<ul>
<li>猿
<li>犬
<li>きじ
</ul>

</body>
</html>

  ↓ 下記が表示された内容
桃太郎の家来
・猿
・犬
・きじ

2、・マークの種類
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor=”#FFFFFF”>
<p>桃太郎の家来</p>

<ul>
<li type=”disk”>
<li type=”circle”>
<li type=”square”>
</ul>

</body>
</html>

3、1.2.3.・・・番号のリスト
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor=”#FFFFFF”>
<p>桃太郎の家来</p>

<ol>
<li>猿
<li>犬
<li>きじ
</ol>

</body>
</html>

  ↓下記が表示された内容
桃太郎の家来
1.猿
2.犬
3.きじ

4、A、T、・・・番号の種類
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor=”#FFFFFF”>

<ol>
<li type=”A”>猿
<li type=”T”>犬
<li>きじ
</ol>

</body>
</html>

  ↓下記が表示された内容
桃太郎の家来
A.猿
U.犬
3.きじ

5、1.2.3.・・・番号のリスト(番号を飛び越す)
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor=”#FFFFFF”>
<p>桃太郎の家来</p>

<ol>
<li>猿
<li>犬
<li value=”9”>きじ
</ol>

</body>
</html>

  ↓下記が表示された内容
桃太郎の家来
1.猿
2.犬
9.きじ

6、メニューリスト・ディレクトリリスト
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor=”#FFFFFF”>

<p>桃太郎の家来たちが3人</p>
<menu>
<li>猿
<li>犬
<li>きじ
</menu>
<p>桃太郎の家来の順位</p>
<dir>
<li>猿
<li>犬
<li>きじ
</dir>

</body>
</html>

   ↓下記が表示された内容
桃太郎の家来たちが3人

・猿
・犬
・きじ

桃太郎の家来の家来の順位

・猿
・犬
・きじ

7、見出しリストと内容リストとして表示
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor=”#FFFFFF”>

<dl>
<dt>桃太郎の家来は3人
<dd>桃太郎の家来は、猿、犬、きじの3人です。
4人は、鬼が島に行きました。
<dt>桃太郎の家来の家来の順位
<dd>桃太郎の家来の順位は、猿、犬、きじの順です。
家来たちは、とても仲良しでした。
</dl>

</body>
</html>

   ↓下記が表示された内容
桃太郎の家来は3人
桃太郎の家来は、猿、犬、きじの3人です。
4人は、鬼が島に行きました。
桃太郎の家来の家来の順位
桃太郎の家来の順位は、猿、犬、きじの順です。
家来たちは、とても仲良しでした。

8、見出しリストと内容リストとして表示(2)
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor=”#FFFFFF”>

<dl compact>
<dt>桃太郎の家来は3人
<dd>桃太郎の家来は、猿、犬、きじ。
<dt>桃太郎の家来の家来の順位
<dd>桃太郎の家来の順位は、猿、犬、きじの順
</dl>

</body>
</html>

   ↓下記が表示された内容
桃太郎の家来は3人 桃太郎の家来は、猿、犬、きじ
桃太郎の家来の家来の順位 桃太郎の家来の順位

関連情報
http://www7b.biglobe.ne.jp/keishi_k/designing/index.html

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
HTMLとリスト JAZZ&ART/BIGLOBEウェブリブログ
文字サイズ:       閉じる