ホームページ制作
■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

■ 文字の色指定
色指定は範囲で指定していきますので全部赤の中に1箇所青を指定すると前半の赤、真ん中の青、後半の赤と指定しなければないません。これが複雑になっていくとページの表示が重くなっていく要因ですね。上手くシンプルになるように構成しましょう。
<font color=""></font>
☆=色を16進数か色名で指定する
16進数で色指定
色名で色指定
<HTML>

<HEAD>
<TITLE>

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

<BODY>

<b>
<font size="4">

<font color="#FF0000">R</font>
<font color="#0000FF">B</font>
<font color="#FF9900">Y</font>
<font color="#00CC00">G</font>
</font>
</b>

</BODY>

</HTML>

タイトルです
RBYG



■ センタリング
あまり使われる事の無くなった<center>タグ。IEとFirefoxでも反映のされ方が違って使いにくい
<center></center>
<HTML>

<HEAD>
<TITLE>

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

<BODY>


<center>
本文が<br>
真中によるよ<br>
文字だけでなく<br>
画像やテーブルも平気だよ <br>
</center>

</BODY>

</HTML>

タイトルです

本文が
真中によるよ
文字だけでなく
画像やテーブルも平気だよ

■ 行揃え(段落)
divを使用する事が多いので使用してないです。これもIEとFirefoxでも反映のされ方が違って使いにくいタグのひとつです。
<P ALIGN =""></P>
☆=left(左寄せ)
☆=center(中央)
☆=right(右寄せ)
<HTML>

<HEAD>
<TITLE>

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

<BODY>


<p align="center">
<font size="2">

&lt;P&gt;~&lt;P&gt;は段落を形成するタグなので、<br>
前後が一行開きます。
</font>
</p>

<p align="right">

<font size="2">
&lt;BR&gt;で代用できるので<br>
あまり使わないかもしれません。
</font>
</p>

</BODY>

</HTML>

*注意 <>は表示できませんので&lt;&gt;と書きます。

タイトルです

<P>~<P>は段落を形成するタグなので、
前後が一行開きます。

<BR>で代用できるので
あまり使わないかもしれません。



■ 行揃え
<CENTER>~</CENTER>は現在余り使用されません、代わりに<DIV ALGIN="CENTER">~</DIV>が好まれます。これもIEとFirefoxでも反映のされ方が違って使いにくいタグのひとつです。
<DIV ALIGN =""></DIV>
☆=left (左寄せ)
☆=center (中央)
☆=right (右寄せ)
<HTML>

<HEAD>
<TITLE>

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

<BODY>


<div align="center">
<font size="2">

&lt;P&gt;~&lt;P&gt;は段落を形成するタグなので、<br>
前後が一行開きます。
</font>
</div>

<br>

<div align="right">
<font size="2">

&lt;BR&gt;で代用できるので<br>
あまり使わないかもしれません。
</font>
</div>

</BODY>

</HTML>
*注意 <>は表示できませんので&lt;&gt;と書きます。

タイトルです
<P>~<P>は段落を形成するタグなので、
前後が一行開きます。

<BR>で代用できるので
あまり使わないかもしれません。

(2002年5月28日記載 2011年11月13日修正・追記)