　ＨＴＭＬタグ一覧

「戻る」　　「ＢＢＳ作戦会議室」　　「タグ練習用掲示板」　　「動く顔文字動画館」

初心者向けタグ

右クリックコピーで使おう！

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　管理人　　Mid　Blue

おはよう!!	<font size=6>おはよう！！</font>
色付き文字	<font color=orange>色付き文字</font>
緑色の大きな文字	<font size=5 color=green>緑色の大きな文字</font>
超特小	<FONT STYLE="font-size:xx-small">超特小</FONT>
太い字と斜めの字。そして*太い斜体文字*	<b>太い字</b>と<i>斜めの字</i>。そして<b><i>太い斜体文字</i></b>
文字を強調そしてより強調	文字を<EM>強調</EM>そして<STRONG>より強調</STRONG>
*色々組み合わせ*	<b><i><font size=5 color=red>色々組み合わせ</font></i></b>
発言を~~このように訂正~~左のように訂正	発言を<s>このように訂正</s>左のように訂正
アンダーラインで強調してみる？	<u>アンダーラインで強調</u>してみる？
	<HR WIDTH="90%"COLOR="blue">
HPをリンクする	HPを<A HREF="http://www.yahoo.co.jp/">リンクする</A>
画像をリンクする	<IMG SRC="URLとファイル名">
音楽をリンクする	音楽を<a href="http://www2.justnet.ne.jp/~a-/MIDI/jingler.mid"target="_blank">リンク</a>する
バックサウンドを鳴らす	<BGSOUND SRC="ファイル名">
バックサウンド制御パネルを表示する	<EMBED　SRC="ファイル名" width="150" height="100" volume="30">
上^付文字	上<SUP>付文字</SUP>
下_付文字	下<SUB>付文字</SUB>
書体名を変更	<FONT FACE="江戸勘亭流">書体名を変更</FONT>
書体名を変更	<FONT SIZE="5"COLOR="red"FACE="江戸勘亭流">書体名を変更</FONT>
書体名を変更	<FONT SIZE="5"COLOR="#DDA0DD"FACE="恋文ペン字">書体名を変更</FONT>

中級者向けタグ

以下のタグはすべてＩＥ専用ですネスケは対応していません
（カッコ）内はフィルタパラメータをパラメータ名＝値の形式で指定します
色と文字サイズ　幅　高さ　背景色は自由に変えて下さい
マーキーはＩＥ５．５以上だと滑(なめ)らかに動きます.
最新ＩＥをＧＥＴ　　　　 MSN　ExplorerをGET

WIDTH = 幅指定.　HEIGHT= 高さ指定,　font-size= 文字サイズ指定.
BGCOLOR =　背景色指定.　background = 背景色（画像）指定.

発光するタグ	<DIV STYLE="width:90%;font-size:30pt;color:#FFFFFF; filter: Glow(color=aqua)">発光するタグ</DIV>
発光するタグ２	<DIV style="width:90%;font-size:30pt;color:black; filter: Glow(color=yellow,strength=20)" align="center">発光するタグ２</DIV>
ＭＡＳＫ　ＣＯＬＯＲ	<SPAN STYLE="width:90%;font-size:30pt;filter: Mask(color=gold)">ＭＡＳＫ　ＣＯＬＯＲ</SPAN>
クロマキー	<DIV STYLE="width:90%; background:#FFFFAF; filter: chroma(color=gold)"><FONT SIZE="4"><FONT color="red">クロ</FONT><FONT color="gold">マキー</FONT></FONT></DIV>
クロマキー２	<DIV STYLE="width:90%; background:#FFFFAF; filter: chroma(color=gold)"><FONT COLOR="gold" SIZE="7">クロマキー２</FONT></DIV>
ブラー効果	<DIV STYLE="width:90%;font-size:30pt;color:#FFFFFF; filter: blur(direction=45)">ブラー効果</DIV>
左右反転	<DIV STYLE="width:90%;font-size:15pt;color:red; filter:Fliph(enabled=true)">左右反転</DIV>
上下反転	<DIV STYLE="width:90%;font-size:15pt;color:red; filter:Flipv(enabled=true)">上下反転</DIV>
半透明合成	<SPAN STYLE="width:90%;font-size:30pt;color:yellow; filter:Alpha(opacity=90,finishOpacity=30,style=1)">半透明合成</SPAN>
半透明合成２	<SPAN STYLE="width:90%;font-size:15pt;color:yellow; filter:Alpha(opacity=30)">半透明合成２</SPAN>
半透明合成３	<SPAN STYLE="width:90%;font-size:15pt;color:yellow; filter:Alpha(opacity=100,finishOpacity=10,style=2)">半透明合成３</SPAN>
半透明合成４	<SPAN STYLE="width:90%;font-size:15pt;color:yellow; filter:Alpha(opacity=100,finishOpacity=10,style=3)">半透明合成４</SPAN>
影を投影	<DIV STYLE="width:90%;font-size:20pt;color:orangered; filter:Dropshadow(color=blak,positive=false)">影を投影</DIV>
影文字	<DIV STYLE="width:90%;font-size:20pt;color:orangered; filter:shadow(color=blak,direction=135)">影文字</DIV>
ぼかし．ぶれ効果	<DIV STYLE="width:90%;font-size:30pt;filter:Blur(direction=90,enadied=true)">ぼかし．ぶれ効果</DIV>
波形効果	<DIV STYLE="width:90%;font-size:15pt;filter:Wave(strength=3,lightstrength=100,freq=3)">波形効果</DIV>
漢字(かんじ)に振り仮名(ふ　かな)	<RUBY>漢字<RP>(</RP><RT>かんじ</RT><RP>)</RUBY>に<RUBY>振り仮名<RP>(</RP><RT>ふ　かな</RT><RP>)</RUBY>
文字方向を変更	<DIV STYLE="unicode-bidi:bidi-override;direction:rtl;font-size:15pt">文字方向を変更</DIV>
Ｓｍａｌｌ－ｃａｐｓ	<SPAN STYLE="font-variant:small-caps">Ｓｍａｌｌ－ｃａｐｓ</SPAN>
マーキー１	<MARQUEE WIDTH="90%"BGCOLOR="silver">マーキー１</MARQUEE>
マーキー２	<MARQUEE WIDTH="90%"BEHAVIOR="alternate" BGCOLOR="silver">マーキー２</MARQUEE>
マーキー３	<MARQUEE WIDTH="90%"DIRECTION="right" BGCOLOR="blue">マーキー３</MARQUEE>
マーキー　４	<MARQUEE WIDTH="90%"HEIGHT="200px"DIRECTION="up" BGCOLOR="pink"><CENTER>マーキー　４</CENTER></MARQUEE>
マーキー　5	<MARQUEE WIDTH="90%"HEIGHT="200px"DIRECTION="down" BGCOLOR="pink"><CENTER>マーキー　5</CENTER></MARQUEE>
マーキー　６	<MARQUEE WIDTH="90%"HEIGHT="200px"DIRECTION="up" BEHAVIOR="alternate" BGCOLOR="pink"><CENTER>マーキー　６</CENTER></MARQUEE>
マーキー　7	<MARQUEE WIDTH="90%"HEIGHT="200px"DIRECTION="up" BGCOLOR="pink"><MARQUEE DIRECTION="right" ><CENTER>マーキー　7</CENTER></MARQUEE></MARQUEE>
マーキー　8	<MARQUEE WIDTH="90%"HEIGHT="200px"DIRECTION="up" BEHAVIOR="alternate" BGCOLOR="pink"><MARQUEE DIRECTION="right"BEHAVIOR="alternate"><CENTER>マーキー　8</CENTER></MARQUEE></MARQUEE>
マーキー９	<MARQUEE WIDTH="90%"HEIGHT="60px"DIRECTION="up"BEHAVIOR="alternate"><MARQUEE DIRECTION="right" > <SPAN style="background-position: center;background-image: url(http://www9.freeweb.ne.jp/play/mid_blue/BCG_094.GIF)">マーキー９</SPAN></MARQUEE></MARQUEE>
マーキー１２	<MARQUEE WIDTH="90%"HEIGHT="60px"DIRECTION="up" ><MARQUEE DIRECTION="reft"BEHAVIOR="alternate" ><CENTER>マーキー１２</CENTER></MARQUEE></MARQUEE>

その他の特殊効果

元画像です(＾＾ゞ

白黒（グレースケール）です

<DIV STYLE="width:160;filter:gray()"><IMG src="画像ＵＲＬ"></DIV>

色反転です

<DIV STYLE="width:160; filter:invert()"><IMG src="画像ＵＲＬ"></DIV>

Ｘ線効果です

<DIV STYLE="width:160; filter:XRay()"><IMG src="画像ＵＲＬ"></DIV>

画像を重ねて表示

このままだとＩＥしかまともに反映されません
ただし<IMG>タグを<DIV></DIV>タグで囲み<DIV>タグに対してpositionスタイルとz-indexスタイルを指定すると
Netscapeでも反映されるようです（管理人はIEなので未確認です）

position:relative ; 直前のブロックタグが原点の相対位置指定 ; z-index : 数字が多いほど上に重なる">

文字方向を変更タグを使って右から縦文字

半角英数はダメです

　変か文更ら字タ縦方グ文向で字を右。

段落にスクロールバーを表示

IE専用です。

段落にスクロールバーを設置します、どんな感じでしょうか？。この部分はNOBRタグで自動改行できません。

<DIV STYLE="width:100px;height:100px;overflow:scroll">段落にスクロールバーを設置します、どんな感じでしょうか？。<NOBR>この部分はNOBRタグで自動改行できません。</NOBR></DIV>

以下のタグはＮｅｔｓｃａｐｅ（ネスケ）も対応

リンクする画像の大きさを変更する
リンクする画像の幅の比率が縦幅（HEIGHT）が１横幅（WIDTH）が４であった場合
当然横幅は縦幅の４倍の数値で指定する！

（例）

　　→→　

<IMG SRC="http://isweb9.infoseek.co.jp/play/mid_blue/kao/a05.gif" WIDTH="200px"HEIGHT="50px">

文字の背景に画像を表示　（かっこ）の画像URLは自由に変更する

背景に画像を表示	<SPAN STYLE="background-position: center;background-image: url(http://isweb9.infoseek.co.jp/play/mid_blue/BCG_094.GIF)"><font size=4　color=#FFFFF>背景に画像を表示</font></SPAN>
こっちの方がいい	<DIV STYLE="background-image: url(http://isweb9.infoseek.co.jp/play/mid_blue/BCG_094.GIF);font size:20pt;color:green">こっちの方がいい</DIV>

文字を点滅させるマーキー

scrolldelay=点滅スピード指定　 scrollamount=文字の横幅と同じ幅　 width=文字の横幅と同じ幅
（フォントサイズ３で全角一文字約１４.１ピクセル）

　点滅マーキー１０

<BLINK><MARQUEE scrolldelay=300 scrollamount=113 width=113>　点滅マーキー１０</MARQUEE></BLINK>

文字を重ねて表示

position:relative ; 直前のブロックタグが原点の相対位置指定 ; z-index : 数字が多いほど上に重なる">

重ねて表示

枠を形状を指定（ブラウザやOSによっては正しく表示されないものがあります）

"width:枠の長さ指定 ; border : 枠の太さ指定　枠の色指定　枠の種類指定">

枠の形状（例１）	<DIV STYLE="width:150;border:10pt green double">枠の形状（例１）</DIV>
枠の形状（例２）	<DIV STYLE="width:150;border:10pt blue hidden">枠の形状（例２）</DIV>
枠の形状（例３）	<DIV STYLE="width:150;border:10pt red groove">枠の形状（例３）</DIV>
枠の形状（例４）	<DIV STYLE="width:150;border:10pt black dotted">枠の形状（例４）</DIV>
枠の形状（例５）	<DIV STYLE="border:10pt yellow dashed">枠の形状（例５）</DIV>
枠の形状（例６）	<DIV STYLE="width:150;border:10pt pink solid">枠の形状（例６）</DIV>
枠の形状（例７）	<DIV STYLE="bwidth:150;order:10pt blue ridge">枠の形状（例７）</DIV>
枠の形状（例８）	<DIV STYLE="width:150;border:10pt maroon inset">枠の形状（例８）</DIV>
枠の形状（例９）	<DIV STYLE="width:150;border:10pt lime outset">枠の形状（例９）</DIV>

等幅フォントを使って縦文字

　　　縦　　　暑文　　申中字　　し見で　　上舞　　　げい　　　ま　　　　す　　　　　　　　 <TT>　　　縦　<BR>　　暑文　<BR>　申中字　<BR>　し見で　<BR>　上舞　　<BR>　げい　　<BR>　ま　　　<BR>　す　　　<BR>　　　　　<BR></TT>

画像の横に文字を回り込ませる

回り込み解除タグ　<BR CLEAR="all">

文字を右に配置	<IMG src="ファイル名"ALIGN="left">文字を右に配置
文字を左に配置	<IMG src="ファイル名"ALIGN="right">文字を左に配置
文字を中央に配置	<IMG src="ファイル名"ALIGN="middle">文字を中央に配置
文字を下に配置	<IMG src="ファイル名"ALIGN="absbottom">文字を下に配置

上級者タグ？

ＭｉｄＢｌｕｅが思う上級者タグはこちら

ＩＥ５.５以上専用タグ

ＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ５．５から採用(さいよう)された縦書(たてが)き機能(きのう)です、ネスケ及(およ)びＩＥ５．０では反映(はんえい)されません、半角英数(はんかくえいすう)は「ABCD1234」こうなります。	<DIV STYLE="writing-mode:tb-rl">ＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ５．５から<BR><RUBY>採用<RP>(</RP><RT>さいよう</RT><RP>)</RUBY>された<RUBY>縦書<RP>(</RP><RT>たてが</RT><RP>)</RUBY>き<RUBY>機能<RP>(</RP><RT>きのう</RT><RP>)</RUBY>です、<BR>ネスケ<RUBY>及<RP>(</RP><RT>およ</RT><RP>)</RUBY>びＩＥ５．０では<RUBY>反映<RP>(</RP><RT>はんえい</RT><RP>)</RUBY>されません、<BR><RUBY>半角英数<RP>(</RP><RT>はんかくえいすう</RT><RP>)</RUBY>は「ABCD1234」こうなります。</DIV>
上を簡単にしたもの	<DIV STYLE="writing-mode:tb-rl">上を簡単にしたもの<BR></DIV>
アンダーラインの位置変更	<U STYLE="text-underline-position:above">アンダーラインの位置変更</U>

ネスケ専用タグ

ネスケ専用タグです，ＩＥでは反映されません
管理人もＩＥなので動作確認はしていません

枠を指定	<SPAN STYLE="border: outset 8px orange">枠を指定</SPAN>
点滅する文字	<BLINK>点滅する文字</BLINK>

[PR]ﾍﾞﾋﾞｰ用品はたまひよ♪:子育てが楽しくなる便利ｱｲﾃﾑいっぱい

	元画像です(＾＾ゞ
	白黒（グレースケール）です <DIV STYLE="width:160;filter:gray()"><IMG src="画像ＵＲＬ"></DIV>
	色反転です <DIV STYLE="width:160; filter:invert()"><IMG src="画像ＵＲＬ"></DIV>
	Ｘ線効果です <DIV STYLE="width:160; filter:XRay()"><IMG src="画像ＵＲＬ"></DIV>