HTMLテキスト4 | 順番無しリスト・順番有りリスト【インターネット研究会Z】

■ 順序無し箇条書きリスト

順序無しリストは一歩後退する為、自由度が低く初期の頃から嫌っていたタグでしたが、近年使って見た所、自動回り込みの行揃いが美しく使い勝手が良いことが判明。愛用しております。それまでは「・」を代用して自分で作っていました。

上が自分でリストを作った場合、下が<ul><li>～</li></ul>を使った場合になります。祇園精舎は上が を使った物、下がリストの自動回り込みとなります。好みの差ですね。

<HTML>

<HEAD>
<TITLE>
タイトルです
</TITLE>
</HEAD>

<BODY>
一握の砂 
・東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる 
・頬につたふなみだのごはず一握の砂を示しし人を忘れず 
・大海にむかひて一人七八日泣きなむとすと家を出でにき 
 
祇園精舎 
・祇園精舎の鐘の声　諸行無常の響あり沙羅双樹の花の色　盛者必衰の理をあらはす 
　驕れる者久しからず　ただ春の夜の夢の如し猛き人もついには滅びぬ 
　ひとへに風の前の塵に同じ。

<ul>一握の砂
<li>東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる</li>
<li>頬につたふなみだのごはず一握の砂を示しし人を忘れず</li>
<li>大海にむかひて一人七八日泣きなむとすと家を出でにき</li>
</ul>

<ul>祇園精舎
<li>祇園精舎の鐘の声　諸行無常の響あり　沙羅双樹の花の色　盛者必衰の理をあらはす　驕れる者久しからず　ただ春の夜の夢の如し　猛き人もついには滅びぬ　ひとへに風の前の塵に同じ。</li>
</ul>
</BODY>

</HTML>

タイトルです

一握の砂
・東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる
・頬につたふなみだのごはず一握の砂を示しし人を忘れず
・大海にむかひて一人七八日泣きなむとすと家を出でにき

祇園精舎
・祇園精舎の鐘の声　諸行無常の響あり沙羅双樹の花の色　盛者必衰の理をあらはす
　驕れる者久しからず　ただ春の夜の夢の如し猛き人もついには滅びぬ
　ひとへに風の前の塵に同じ。

東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる
頬につたふなみだのごはず一握の砂を示しし人を忘れず
大海にむかひて一人七八日泣きなむとすと家を出でにき

祇園精舎の鐘の声　諸行無常の響あり　沙羅双樹の花の色　盛者必衰の理をあらはす　驕れる者久しからず　ただ春の夜の夢の如し　猛き人もついには滅びぬ　ひとへに風の前の塵に同じ。

■ リストのマーク変更

リストは黒丸以外にも変更できます。他には白丸と黒四角がありulタグの中にtype指定をすると出来ます。discは黒丸 circleは白丸 squareは黒四角になります。あまり使ってる方は見かけませんがオシャレですね。

<ul type="disc"> 黒丸
<ul type="circle"> 白丸
<ul type="square"> 黒四角

<HTML>

<HEAD>
<TITLE>
タイトルです
</TITLE>
</HEAD>

<BODY>

<ul type="disc">一握の砂
<li>東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる</li>
<li>頬につたふなみだのごはず一握の砂を示しし人を忘れず</li>
<li>大海にむかひて一人七八日泣きなむとすと家を出でにき</li>
</ul>

<ul type="circle">一握の砂
<li>いたく錆びしピストル出でぬ砂山の砂を指もて掘りてありしに</li>
<li>ひと夜さに嵐来りて築きたるこの砂山は何の墓ぞも</li>
<li>砂山の砂に腹這ひ初恋のいたみを遠くおもひ出づる日</li>
</ul>

<ul type="square">一握の砂
<li>砂山の裾によこたはる流木にあたり見まはし物言ひてみる</li>
<li>いのちなき砂のかなしさよさらさらと握れば指のあひだより落つ</li>
<li>しっとりとなみだを吸へる砂の玉なみだは重きものにしあるかな</li>
</ul>

</BODY>

</HTML>

タイトルです

東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる
頬につたふなみだのごはず一握の砂を示しし人を忘れず
大海にむかひて一人七八日泣きなむとすと家を出でにき

いたく錆びしピストル出でぬ砂山の砂を指もて掘りてありしに
ひと夜さに嵐来りて築きたるこの砂山は何の墓ぞも
砂山の砂に腹這ひ初恋のいたみを遠くおもひ出づる日

砂山の裾によこたはる流木にあたり見まはし物言ひてみる
いのちなき砂のかなしさよさらさらと握れば指のあひだより落つ
しっとりとなみだを吸へる砂の玉なみだは重きものにしあるかな

■ 順番有りリスト

ulは順序無しの箇条書きリストでしたが、olにすると順番有りのリストになります。これも当初私は嫌っていて自分で作成していましたが、いざ使ってみると便利なので愛用しております。タグが少なくなり軽くなるのと自動回り込みするのが良いところです。
以下は自分で作成する場合とolを使った場合の差です。

<HTML>

<HEAD>
<TITLE>
タイトルです
</TITLE>
</HEAD>

<BODY>

一握の砂 
1.) 東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる 
2.) 頬につたふなみだのごはず一握の砂を示しし人を忘れず 
3.) 大海にむかひて一人七八日泣きなむとすと家を出でにき 
 

<ol>一握の砂
<li>東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる</li>
<li>頬につたふなみだのごはず一握の砂を示しし人を忘れず</li>
<li>大海にむかひて一人七八日泣きなむとすと家を出でにき</li>
</ol>

</BODY>

</HTML>

タイトルです

一握の砂
1.) 東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる
2.) 頬につたふなみだのごはず一握の砂を示しし人を忘れず
3.) 大海にむかひて一人七八日泣きなむとすと家を出でにき

東海の小島の磯の白砂にわれ泣きぬれて蟹とたはむる
頬につたふなみだのごはず一握の砂を示しし人を忘れず
大海にむかひて一人七八日泣きなむとすと家を出でにき

（2011年11月13日記載）

		殿
		5
		4
		3
		2
		1
		不