■XHTML基礎知識：情報商材アフィリエイト情報拾得ブログby３人育児中主婦

お気に入り登録ボタンの作り方とタグを備忘録として書いておきます。
※Windows IE対応。そのほかは未確認。

inputタグを使います。

例）

＜input type="button" value="お気に入りに追加 " onkeypress="" onclick="javascript:window.external.AddFavorite ('http://3nin.ikuji.biz/','情報商材アフィリエイトブログ')" /＞

タグを書くのに、全角で書かないと、
お気に入りボタンがそのまま表示されてしまうため、

最初の「＜」と最後の「＞」を全角にしています。

コピーして使用される際は、
最初の「＜」と最後の「＞」は、半角英数に直して下さい。

※http://～の部分を
　 あなたのサイトのURLに書き換えて下さい。
※ブログ名の部分を
あなたのサイトのタイトルに書き換えて下さい。

さて、色をかえてみましょう。

＜input type="button" value="お気に入りに追加 " onkeypress="" onclick="javascript:window.external.AddFavorite ('http://3nin.ikuji.biz/','情報商材アフィリエイトブログ')" style="border-style:solid; border-width:2px; border-color:#ffffff; width:120px; background:#e5aca3; font-size:10pt; color:#ffffff" /＞

border-style＝枠線の種類

none；なし
dotted；点線
dashed；破線
solid；実線
double；二重線

※基本的なところで♪後は調べてみてください☆

border-width＝枠線の幅
border-color＝枠線の色
width＝ボタンの幅
background＝ボタンの背景
font-size＝文字の大きさ
color＝文字の色

色のカラーコード表は、
コチラのサイトが便利です↓
カラーコード作成マッシーン

あとは、出自分のサイト用に出来たタグを、
お気に入りボタンを設置したい場所（HTML内）に
貼り付けます。

わからないところがありましたら、コメント欄に質問ください♪

!DOCTYPE html PUBLICとは、

「DOCTYPE宣言」をして、

そのページがどのようなバージョンの、
どのようなルールに従って、

記述されるかを宣言するものだそうです。

例えば、このページのソース、
ページ先頭でこのような「DOCTYPE宣言」をしています。

＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

このページは、

"-//W3C//DTD XHTML 1.0 Transitional//EN"

HTML, XML, XHTML, CSS, PNGなどの規格をとりまとめている、

W3C（The World Wide Web Consortium） という
Webの標準化団体のルールにのっとり、、

Transitionalという文書型定義（ＤＴＤ）で、

XHTML1.0バージョンで書きますと宣言しているということでしょうか。

参考にしているルールは、

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

ここ↑に載っていますから、
プラウザの表示モードを「標準モード」でよろしく。みたいな(笑）

とにかく、Ｗｅｂを見る人は、色々なプラウザからアクセスしてきますから、
どのプラウザでも閲覧できる環境が大事なんですねー。

とにかくはじめに、この「DOCTYPE宣言」をすると。

＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

※ＨＴＭＬで書くか、ＸＨＴＭＬで書くかは自由ですが、
　今後はＸＨＴＭＬが主流となってくるようですね。

※DTDには、Strict、Transitional、Frameset の3種類があり、
　記述方法や意味がそれぞれ異なりようです。

では、「DOCTYPE宣言」の前の、ＨＴＭＬ宣言は、
絶対に必要なのか・・・？

＜?xml version="1.0" encoding="UTF-8"?＞

時間を見て調べたらまた書きますね。

どなたか、詳しい方がいらっしゃったら、コメント下さい☆