文字の大きさを変える
<font size=文字の大きさ>文字</font>
文字のサイズが1の時
文字のサイズが2の時
文字のサイズが3の時
文字のサイズが4の時
文字のサイズが5の時
文字のサイズが6の時
文字のサイズが7の時
背景に画像を使う。
<body background=画像の種類>
改行する
<BR>
線をひく
<HR>
画像を表示する
<IMG SRC=画像のアドレス border=0>
文字の色を変える
<font color=文字の色>文字</font>
文字の大きさと色を同時に変える
<font color=文字の色 size=文字の大きさ>文字</font>
文字にコメントを付ける
<font color=文字の色 size=文字の大きさ title=コメント>文字</font>
あててみそ
文字を太くする
<b>文字</b>
どう？
文字を傾ける
<i>文字</i>
どぉ？
文字に下線を付ける
<u>文字</u>
いえーい
文字に取消し線を付ける
<s>文字</s>
んまぁ！
文字に背景色を付ける
<FONT style=background-color:背景の色>文字</FONT>
蛍光ペンで線引いたみたいだね。
文字に画像を付ける
<FONT style='background-image:url(背景画像のURL)'>文字</FONT>
わぁお！
文字がひかりを･･･！
<SPAN STYLE=position:absolute;;filter:Glow(color=光の色)>文字</SPAN>
きゃー！
画像がひかりを･･･！
<SPAN STYLE=position:absolute;;filter:Glow(color=光の色)><IMG SRC=画像のアドレス></SPAN>
文字を真ん中に表示
<center>文字</center>
まんなか！
文字を右に表示
<P align=right>文字</P>
右の端っこ･･･
文字を左に表示
<P align=left>文字</P>
左の端っこ･･･
右に動く文字
<marquee direction=right>文字</marquee>
みぎ〜。
左に動く文字
<marquee>文字</marquee>
ひだり〜。
左右に動く文字
<marquee behavior=alternate>文字</marquee>
右？！左？！
右に動く文字に背景を付ける
<MARQUEE width=長さ scrollAmount=文字の速さ BGCOLOR=背景の色 DIRECTION=RIGHT><font color=文字の色 size=文字の大きさ>文字</MARQUEE></font>
ながさは２００でぇす。速さは３でぇす。
左に動く文字に背景を付ける
<MARQUEE width=長さ scrollAmount=文字の速さ BGCOLOR=背景の色 DIRECTION=LEFT><font color=文字の色 size=文字の大きさ>文字</MARQUEE></font>
ながさは２００でぇす。速さは３でぇす。
左右に動く文字に背景を付ける
<MARQUEE width=長さ scrollAmount=文字の速さ BGCOLOR=背景の色 behavior=alternate><font color=文字の色 size=文字の大きさ>文字</MARQUEE></font>
右往左往
画像にコメント付けましょう！b
<IMG SRC=画像のURL title=コメント>
画像を拡大しよう！
<IMG SRC=画像URL WIDTH=横幅 HEIGHT=縦幅>
↑は、100×100です
リンク
<a href=ＵＲＬ>文字</a>
タグ講座のTOPへ。
画像でリンク
<a href=ＵＲＬ><IMG SRC=http://masyumaro.sugoihp.com/tagu.html></a>
ボタンでリンク
<FORM><INPUT TYPE=button VALUE=文字 onClick=top.location.href='URL' style=border-color:枠の色;background:背景の色;color:文字の色;></FORM>
平面ボタンでリンク
<FORM><INPUT TYPE=button VALUE=文字 onClick=top.location.href='ＵＲＬ' style=BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:枠の色;BACKGROUND:背景の色;COLOR:文字の色></FORM>
新しいウインドウを出す
<a target=_blank href=ＵＲＬ>文字</a>
新しいウインドウだすぅ？
新しいウインドウを画像でだす
<a target=_blank href=ＵＲＬ><IMG SRC=画像のＵＲＬ></a>
ボタンで新しいウインドウを出す
<form action=ＵＲＬ target=new><input type=submit style=background-color:背景の色;color:文字の色;border-color:枠の色 value=文字></form>
平明ボタンで新しいウインドウを出す
<form action=ＵＲＬ target=new><input type=submit style=BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:枠の色;BACKGROUND:背景の色;COLOR:文字の色 value=文字></form>
触れるだけでジャンプ！
<A HREF=kabonochihare onMouseOver=location.href='ＵＲＬ'>文字</a>
触っちゃうの？！
画像を触るとジャンプ
<A HREF=kabonochihare onMouseOver=location.href='ＵＲＬ'><IMG SRC=画像のＵＲＬ></a>
メールタグ
<a href=mailto:メールアドレス>文字</a>
めぇるぷりぃず
画像メールタグ
<A HREF=mailto:メールアドレス><img src=画像のＵＲＬ></A>
メールフォーム
<FORM action=mailto:メールアドレス?Subject=件名 method=post enctype=text/plain><br><TABLE border=0><br><TR><TD>名 前：</TD><TD><INPUT name=名前 size=20 style=background-color:背景の色;color:文字の色></TD></TR><br><TR><TD>Ｅメール：</TD><TD><INPUT name=Ｅメール size=20 style=background-color:背景の色;color:文字の色></TD></TR><br><TR><TD>Ｕ Ｒ Ｌ：</TD><TD><INPUT name=ＵＲＬ size=20 style=background-color:背景の色;color:文字の色 VALUE=http://></TD></TR><br><TR><TD>コメント：</TD><TD><TEXTAREA name=コメント cols=20 rows=5 style=background-color:背景の色;color:文字の色;warp=off>
名 前：
Ｅメール：
Ｕ Ｒ Ｌ：
コメント：
アンケートメール
<form action=mailto:メールアドレス?Subject=件名 method=post enctype=text/plain><select style=font-size:8pt name=アンケート> <OPTION style=background-color:背景の色;color:文字の色 value=コメント@><font size=1>コメント@</font></OPTION> <OPTION style=background-color:背景の色;color:文字の色 value=コメントA>コメントA</OPTION> <OPTION style=background-color:背景の色;color:文字の色 value=コメントB>コメントB</OPTION> <OPTION style=background-color:背景の色;color:文字の色 value=コメントC>コメントC</OPTION> <OPTION style=background-color:背景の色;color:文字の色 value=コメントD>コメントD</OPTION></select><input type=submit value=送 style=BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:枠の色;font-size:8pt;color:文字の色;background-color:背景の色></form>
超！サイコー!
たのしかったぁ！
ん〜普通じゃない？
な〜にやってんの
ざけんじゃねぇよ！
大きい黒板タグ
<TABLE border=10><TBODY bgColor=背景の色><TD><MARQUEE direction=up height=150 width=300 scrollAmount=1><FONT color=文字の色 size=4>ここに文章を入れる</MARQUEE></FONT></TD></TBODY></TABLE>
テストテスト〜。
小さい黒板その1〜
<TABLE border=2><TBODY bgColor=背景の色><TD><MARQUEE direction=up height=60 width=120 scrollAmount=1><FONT color=文字の色 size=2>ここにコメントを入れる♪</MARQUEE></FONT></TD></TBODY></TABLE>
その1よ〜ん。ましゅ。のメルマガ読んでね〜！
小さい黒板そのA
<TABLE BORDER=枠の太さ BORDERCOLOR=枠の色><TR BGCOLOR=背景の色><TD><MARQUEE direction=up height=60 width=120 scrollAmount=1><FONT color=文字の色 size=文字の大きさ>ここのコメントを入れる♪</MARQUEE></FONT></TD></TBODY></TABLE>
ここの、文字の色は,hot pinkで〜す。可愛い色だよね〜。
小さい黒板B
<MARQUEE BGCOLOR=背景の色 DIRECTION=up height=60 width=120 scrollAmount=1><font size=文字の大きさ color=文字の色>ここにコメントを入れる</MARQUEE>
枠線なしもけっこうかわいいｖ
小さい黒板C
<TABLE cellSpacing=3 bgcolor=１番外側の枠の色><TD><TABLE cellSpacing=3 bgcolor=２番目に外側の枠の色><TD><TABLE cellSpacing=3 bgcolor=３番目に外側の枠の色><TD><TABLE cellSpacing=3 bgcolor=１番内側の枠の色><TBODY bgcolor=枠の中の色><TD><MARQUEE direction=up height=60 width=120 scrollAmount=1><FONT color=文字の色 size=文字の大きさ>ここのコメントを入れる♪</MARQUEE></FONT></TD></TBODY></TABLE></TD></TBODY></TABLE></TD></TBODY></TABLE></TABLE>
これ、結構かわいいんだけどねぇ。色をたくさん指定させないといけないから･･･。
小さい黒板D
<TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=1 bgcolor=１番外側の枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=1 bgcolor=２番目に外側の枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=1 bgcolor=３番目に外側の枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=1 bgcolor=１番内側の枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TBODY bgcolor=文字を書くところの色><TD><MARQUEE direction=up height=60 width=120 scrollAmount=1><FONT color=文字の色 size=文字の大きさ>ここにコメントを入れる♪</MARQUEE></FONT></TD></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE>
適当に色入れてみたよ〜。
ボタン
<INPUT TYPE=button style=background-color:背景の色;color:文字の色;border-color:枠の色; VALUE=文字 onClick=alert('コメント')></INPUT>
文字ボタン
<A HREF=javascript:alert('コメント')>文字</A>
結構ユニーク♪
画像ボタンタグ
<INPUT TYPE=button style='background-image:url(背景画像のURL);border-color:枠の色;color:文字の色;' VALUE=文字 onClick=alert('コメント')></INPUT>
平面ボタン
<INPUT TYPE=BUTTON VALUE=文字 STYLE=BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:枠の色;BACKGROUND:背景の色;COLOR:文字の色 onClick=alert('コメント')></INPUT>
カラフルボタン
<INPUT TYPE=submit VALUE=文字 onmouseover=this.style.backgroundColor='触れたときの色' onmouseout=this.style.backgroundColor='触れた後の色' onClick=alert('コメント')></INPUT>
文字が動くボタン
<BUTTON style=width:100;height:25;background-color:背景色;color:文字色;border-color:枠の色 onClick="alert('コメント')"><marquee>文字</marquee></BUTTON>
ふはははは！
文字が動く平面ボタン
<BUTTON style=width:100;height:25;BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:枠の色;BACKGROUND:背景の色;COLOR:文字の色 onClick=alert('コメント')><marquee>文字</marquee></BUTTON>
キック★
画像に触ったら・･･･！
<IMG SRC=画像のURL onMouseOver="alert('コメント');">
セレクトボックス
<SELECT style=background-color:背景の色;color:文字の色><OPTION>文字<OPTION>コメント<OPTION>コメント<OPTION>コメント</SELECT>
みて！
ここの部分は
[OPTION]とかいて
それを、<>で
とかこめば,
増やせます。
特殊記号その一
<font face=symbol color=色 size=サイズ>ァ</font>
ァ
特殊記号そのA
<font face=symbol color=色 size=サイズ>ィ</font>
ィ
特殊記号そのB
<font face=symbol color=色 size=サイズ>ゥ</font>
ゥ
特殊記号そのC
<font face=symbol color=色 size=サイズ>ェ</font>
ェ
特殊記号そのD
<font face=Wingdings color=色 size=サイズ>J</font>
J
特殊記号そのE
<font face=Wingdings color=色 size=サイズ>K</font>
K
特殊記号そのF
<font face=Wingdings color=色 size=サイズ>L</font>
L
特殊記号そのG
<<font face=Wingdings color=色 size=サイズ>M</font>/TEXT-AREA><BR><font face=Wingdings color= #808000size=7>M</font><BR><BR><BR> 特殊記号そのH<BR> <TEXTAREA cols=50 rows=3 STYLE=BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:#ff1493;BACKGROUND:#90ee90;COLOR:#0000cd><font face=Wingdings color=色 size=サイズ>R</font>
R
特殊記号そのI
<font face=Wingdings color=色 size=サイズ>S</font>
S
特殊記号そのJ
<font face=Wingdings color=色 size=サイズ>T</font>
T
特殊記号そのK
<font face=Wingdings color=色 size=サイズ>U</font>
U
特殊記号そのL
<font face=Wingdings color=色 size=サイズ>V</font>
V
特殊記号そのM
<font face=Wingdings color=色 size=サイズ>Y</font>
Y
特殊記号そのN
<font face=Wingdings color=色 size=サイズ>Z</font>
Z
特殊記号そのO
<font face=Wingdings color=色 size=サイズ>[</font>
[
特殊記号そのP
<font face=Wingdings color=色 size=サイズ>{</font>
{
特殊記号そのQ
<font face=Wingdings color=色 size=サイズ>|</font>
|
テーブル@
<TABLE cellSpacing=枠の太さ bgcolor=枠の色><TBODY bgcolor=枠の中の色><TD>コメント</TD></TBODY></TABLE>
普通のやつだね．おもしろ？！
テーブルA
<TABLE cellSpacing=枠の太さ bgcolor=枠の色><TBODY bgcolor=枠の中の色><TR><TD>左上</TD><TD>右上</TD></TR><TR><TD>左下</TD><TD>右下</TBODY></TABLE>
牛
猫
犬
ウサギ
てーぶるB
<TABLE cellSpacing=枠の太さ bgcolor=枠の色><TR><TD bgcolor=枠の中の色>左上</TD><TD bgcolor=枠の中の色>右上</TD></TR><TR><TD bgcolor=枠の中の色>左下</TD><TD bgcolor=枠の中の色>右下</TABLE>
いえい♪
きらりん
アイーン
猫飯
おなかがぐぅ
テーブルC
<TABLE BORDER=枠の太さ BORDERCOLOR=枠の色><TR BGCOLOR=枠の中の色><TD>コメント</TD></TABLE>
ましゅ。のいえのPCは，windows'98ダヨ♪
テーブルD
<TABLE cellspacing=枠の太さ bgcolor=枠の色 cellpadding=３本線の太さ><TBODY><TR><TD bgcolor=左の色></TD><TD bgcolor=真ん中の色></TD><TD bgcolor=右の色></TD><TD bgcolor=枠の中の色（文字を入れる所の色）>文字</TD></TR></TBODY></TABLE>
可愛いでしょ★
テーブルE
<TABLE cellspacing=枠の太さ bgcolor=枠の色 cellpadding=３本線の太さ><TBODY><TR><TD bgcolor=枠の中の色（文字を入れる所の色）>文字</TD><TD bgcolor=左の色></TD><TD bgcolor=真ん中の色></TD><TD bgcolor=右の色></TD></TR></TBODY></TABLE>
さっきの反対バージョン
テーブルF
<TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=1 bgcolor=１番外側の枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=1 bgcolor=２番目に外側の枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=1 bgcolor=３番目に外側の枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=1 bgcolor=１番内側の枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TD><TABLE cellSpacing=0 bgcolor=枠の色><TBODY bgcolor=文字を書くところの色><TD>文字</TD></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE></TABLE>
疲れた・・･･･．
G
A
I
A
X
系
の
技
（
チ
ョ
コ
ッ
と
だ
け
)
****TOPPAGEにMENUをもってくる****
これは１つ１つのページのＵＲＬがわかれば、
後はリンクタグを使ってＴＯＰページにリンクを貼ればいいだけですo
☆そのページのＵＲＬの調べ方☆
@そのページで右クリックo
Aダイアログが出てくるので、その１番下の「プロパティ」
をクリックo
Bプロパティのダイアログが出てくるので、その真ん中ぐらいに
「アドレス：http://〜〜〜〜〜〜」があるので、
それがそのページのＵＲＬですo
そのＵＲＬをリンクタグに入れればオッケイ☆
****メニューを枠で囲む****
これはフレームのリンクの仕方がわかれば出来ますo
@まずメニューをすべて非公開にしますo
（メインページはできませんo）
Aお知らせの所で好きなテーブルのタグをつけて、
そこにリンクタグを使ってリンクしますo
そのリンクタグは，フレームなんで，
<A HREF=リンク先のＵＲＬ TARGET=MAIN>文字</A>
↑を使います
１つ１つのページのＵＲＬの調べ方がわからない人は、
「ＴＯＰページにメニューをつけるワザ」を見てくださいo
****上の--MENU--の色とサイズを変える方法****
<STYLE TYPE=text/css><!--select{font-size:8pt;color:文字の色;background:背景の色}input{font-size:8pt;color:文字の色;background:背景の色;BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:枠の色}--></STYLE>
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
