ホームページ制作
■HTMLの基本
HTMLとは?
ブログが優秀?
初心者ミス・疑問
階層とファイル名
基本構成
改行と段落
文字の大きさ
強調/斜体/打消し
文字の色指定
中央寄せ
行揃え(段落)
行揃え
見出し
+-で文字指定
箇条書きリスト
順番有りリスト
ハイパーリンク
メールリンク
■メタタグ
説明文/キーワード

16進数色見本
色名で指定

■実践的
JavaScript・CSS
画面内で広告固定

■無料レンタル
HPスペース
アクセスランキング
アクセス解析
ブログパーツ
□R指定サイト可
掲示板
アクセスランキング
アクセス解析

■無料配布CGI
画像掲示板
1行掲示板

■CSS
px,em,%対応表

■無料ツール
構文チェック
HTML Validator
リンク切れチェック
リンク切れチェッカー

別ジャンルへ飛ぶ
別サイト(創作専門)
掲示板・ろだ
年齢制限/広告非表示
GoogleAds非表示
コピペ
スマホ向けページ有
忍者

interz
Google
忍者
点数の見方
殿堂入り 6点 殿
5点 5
4点 4
3点 3
2点 2
1点 1
評価不能
サイト名変更/移転
変更
サイト合併/休止
合併
サイト閉鎖/年齢指制限
閉鎖年齢制限
Amazon
Amazon
人気記事
ブログパーツ
Ads

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

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

<HEAD>
<TITLE>

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

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

<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を使った場合の差です。
<ol>
<li></li>
<li></li>
<li></li>
</ol>
<HTML>

<HEAD>
<TITLE>

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

<BODY>

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

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

</BODY>

</HTML>

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

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

(2011年11月13日記載)