トップページへ

タグルーム

１　　　２

タグを許可している掲示板で使えそうなタグのサンプルです。
ＩＥ6.0での動作は確認していますが、その他のブラウザでの確認はしていません。

タグ使いの心得･･･ 開始したタグは必ず閉じる（一部タグを除く）。

もし閉じ忘れてしまったら、その書き込みより下の記事が
閉じ忘れたタグの属性を、反映して表示される可能性があります。
掲示板荒らしがよく使う手ですが、悪意がなくてもネチケット違反です。

ただ人間、うっかりミスはやっぱりあるかもしれませんので、
タグ記述はしっかり確認することと、ミスしてもすぐに削除できるように、
掲示板の記事削除キーは、必ず入力するようにして下さい。

入力 表示 入力 表示
<b>太文字</b> 太文字 <i>斜体</i> 斜体
<u>アンダーライン</u> アンダーライン <s>訂正線</s> 訂正線
<center>センター</center>
センター
 <marquee>流れる字</marquee> 流れる字
応用 表示
<marquee><b><u><i>応用</i></u></b></marquee> 応用
複数のタグを使用する場合、閉じる順番に注意して下さい。
上記の応用のように<marquee><b><u><i>の順番で指定した場合、
内側からタグを閉じるのが原則ですから、
閉じる順は</i></u></b></marquee>となります。

入力 表示
<font color="brown">文字色名指定</font> 文字色名指定
<font color="#A52A2A">文字コード名指定</font> 文字コード名指定
文字色は、色名、色コードどちらでも指定可能です。　　　英語色名一覧
<font size="4">文字サイズ（絶対）</font> 文字サイズ（絶対）
<font size="+1">文字サイズ（相対）</font> 文字サイズ（相対）
文字サイズは指定しない場合、絶対指定の３になります。最大は７、最小は１。
ということは、相対指定の最大は+４、最小は-２。
応用 表示
<center><font color="red" size="4">文字色文字サイズ</font></center>
文字色文字サイズ
<font color="red"><font size="4">文字色</font>文字サイズ</font> 文字色文字サイズ
<font size="4"><font color="red">文字色</font>文字サイズ</font> 文字色文字サイズ
<font>タグを複数使用した場合、その数だけ</font>を使用して属性を閉じます。
内側から閉じられていくので、タグを開始する順番にも注意する必要があります。

　 入力 表示
通常リンク ホムペは<a href="http://www.hi-ho.ne.jp/nisizawa/">ここ</a> ホムペはここ
別窓で開くリンク ホムペは<a href="http://www.hi-ho.ne.jp/nisizawa/"target="_blank">ここ</a> ホムペはここ
メーラー起動 メールは<a href="mailto:nisizawa@hi-ho.ne.jp">ここ</a> メールはここ
件名入力済み メールは<a href="mailto:nisizawa@hi-ho.ne.jp?subject=タグの投稿">ここ</a> メールはここ
イメージ挿入 <img src="http://www.hi-ho.ne.jp/nisizawa/k_banner03.gif">
イメージタグの場合は閉じる必要はありません。
このページのようなフレーム内のページから、別のホムペにリンクをはる場合は、
上記、別窓で開くリンクのtarget="_blank"か、下記応用に記述のtarget="_top"の方がいいかもしれません。
　 応用 表示
イメージで
ホムペにリンク		 ホムペは<a href="http://www.hi-ho.ne.jp/nisizawa/" target="_top">
<img src="http://www.hi-ho.ne.jp/nisizawa/k_banner03.gif"></a>		 ホムペは
枠を消す ホムペは<a href="http://www.hi-ho.ne.jp/nisizawa/" target="_top">
<img src="http://www.hi-ho.ne.jp/nisizawa/k_banner03.gif" border="0"></a>		 ホムペは
イメージで
メーラー起動		 メールは<a href="mailto:nisizawa@hi-ho.ne.jp">
<img src="http://www.hi-ho.ne.jp/nisizawa/k_banner03.gif"></a>		 メールは

マーキー編 応用の応用 表示
通常 <marquee >
<img src="http://www.hi-ho.ne.jp/nisizawa/k_banner03.gif">
</marquee>
左から右へ <marquee direction=right>
<img src="http://www.hi-ho.ne.jp/nisizawa/k_banner03.gif">
</marquee>
往復 <marquee behavior=alternate>
<img src="http://www.hi-ho.ne.jp/nisizawa/k_banner03.gif">
</marquee>
背景色指定 <marquee behavior=alternate bgcolor=skyblue>
<img src="http://www.hi-ho.ne.jp/nisizawa/k_banner03.gif">
</marquee>
動くイメージ
でリンク		 <center><font color="tomato">イメージをクリック！</font></center>
<marquee direction=right>
<a href="http://www.hi-ho.ne.jp/nisizawa/" target="_blank">
<img src="http://www.hi-ho.ne.jp/nisizawa/k_banner03.gif"border="0">
</a></marquee>
イメージをクリック！

１　　　２