|
|
|
|
タグを書く時の注意
テキストエディタ等で以下のタグをコピーして(打ち込んで)みてください。
<html> |
ここまでです。ちなみにこの「タグ」は半角英数で入力しないと働きません。 文章を改行したい場合は<br>と入力してください。(「改行」参照) <p
align=left>左寄り</p>または<left>xxx</left> <p
align=center>真ん中より</p>または<center>xxx</center> <p
align=right>右寄り</p>または<right>xxx</rihgt> また区切り線は<hr>と入力します。 |
実 行 例 |
タ グ・解 説 |
赤い色青い色 | 指定できる主な色は、
|
大きな文字小さな文字 |
|
属性を組み合わせて赤色の大きな文字! | 属性をを組み合わせて |
太い字と斜めの字。 そして太い斜体文字 | |
アンダーラインにしてみる | <u>アンダーライン</u>にしてみる |
<s>打ち消し線</s>にしてみる | |
上付きの前の文字上付き文字 | 上付きの前の文字<sup>上付き文字</sup> |
下付きの前の文字下付き文字 | 下付きの前の文字<sub>下付き文字</sub> |
|
実 行 例 |
タ グ・解 説 |
あ い う え お |
あ<br>い<br>う<br>え<br>お
|
タ グ |
実 行 例 |
解 説 |
<HR> |
|
横罫線(区切り線)を引きます。 |
<HR SIZE=1 WIDTH=80%> |
|
横罫線(区切り線)を引きます。 SIZE…線の太さ WIDTH…線の長さ |
<HR SIZE=3 WIDTH=70% ALIGN=CENTER NOSHADE> |
|
横罫線(区切り線)を引きます。 ALIGN…揃えの指定(LEFT、CENTER、RIGHT) NOSHADE…影なし指定 |
<HR SIZE="5" WIDTH="80%" COLOR="#00BFFF"> |
|
横罫線(区切り線)を引きます。 COLOR…色の指定 (カラーネーム一覧参照) |
実 行 例 |
タ グ・解 説 |
便利な小窓は、 こうなってます。 |
便利な小窓は、 <TEXTAREA rows=3 cols=20 name="comment">ここに書いて下さい。</TEXTAREA> こうなってます。
|
実 行 例 |
タ グ・解 説 |
ボタンはデフォルトでは、 |
ボタンはデフォルトでは、 <FORM><INPUT name=test type=button value=test></FORM>このようになります。
|
このように、
色を変えられます。 |
このように、 <FORM><INPUT class=ist3 name=test type=button value=test style="color: white;background-color: red"></FORM>色を変えられます。
|
プルダウンメニューは、
こうなってます。 |
プルダウンメニューは、 <FORM><SELECT class=ist5 name=menu> <OPTION selected> ◇WHAT'S NEW !!◇</OPTION><OPTION>\(◎o◎)/! </OPTION><OPTION>( ^-^)_且~~~</OPTION><OPTION>(_ _)。。o ○zzz</OPTION> <OPTION>(`´)ノ☆(((*;・)</OPTION><OPTION>(^o^)/~~~</OPTION></SELECT></FORM> こうなってます。
|
プルダウンメニューの
色を変えられます。 |
プルダウンメニューの <FORM><SELECT class=ist5 name=menu style="color: red; background-color: pink"> <OPTION selected> ◇WHAT'S NEW !!◇</OPTION><OPTION>(o⌒○⌒o) </OPTION><OPTION>σ(TεT;)</OPTION><OPTION>(^。^)y-。o0○</OPTION> <OPTION>(/^-^(T_T )/</OPTION><OPTION>(*^3(*^o^*)</OPTION></SELECT></FORM> 色を変えられます。
|
背景色手動入力変更 |
<FORM> <INPUT name="BGC" size="14"> <INPUT type="button" value="背景色を変えて見る" onClick="document.bgColor=document.forms[0].BGC.value"> </FORM>
|
実 行 例 |
タ グ・解 説 |
画像表示は、 このように貼ります。 |
画像表示は、(Enterキー) <img src="http://xxx.xxxx.ne.jp/~xxx/xxxx/xxxx.gif">このように貼ります。
|
実 行 例 |
タ グ・解 説 |
私のホームページです。ここをクリック! | 私のホームページです。
|
画像でリンクを貼ると こうなります。 |
画像でリンクを貼ると(Enterキー) <a href="http://www.xxxx.ne.jp/~xxx/" TARGET="_blank"> <img src="http://xxx.xxxx.ne.jp/~xxx/xxxx/xxxx.gif" border="0"></a> こうなります。 |
ボタンリンクは、 このように貼ります。 | ボタンリンクは、(Enterキー) <FORM> <input type="button" value=" マイホーム " onClick="parent.location = 'http://www.h3.dion.ne.jp/~yhiromi/'"> </FORM> このように貼ります。
|
クリックするとこんな音が出ます。 | クリックすると
|
実 行 例 |
タ グ・解 説 |
MIDIを鳴らすタグは |
MIDIを鳴らすタグは <EMBED SRC="http://www.xxxx.ne.jp/~xxx/xxxx/xxxx.mid" TYPE="audio/midi" PLUGINSPAGE="http://www.yamaha.co.jp/xg/midplug/top.html" WIDTH="150" HEIGHT="40" AUTOSTART="false" REPEAT="false" SAVE="false" > こうなります。
|
タ グ |
実 行 例 |
解 説 |
||||
<TABLE
BORDER="1"> <TR> <TD>AAAAA</TD> <TD>BBBBB</TD> </TR> <TR> <TD>CCCCC</TD> <TD>DDDDD</TD> </TR> </TABLE> |
|
表を作ります。 <TR>は縦方向に表中の枠数を増やします。 <TD>は横方向に表中の枠数を増やします。 また、BORDER="1"を指定すると表に枠が付きます。 大きい数字に成る程高くなります。 表はまだまだいろんな指定が出来ます。 |
||||
<TABLE
BORDER="1" borderColor="#0000FF"> <TR> <TD bgcolor="#FED0E0">AAAAA</TD> <TD bgcolor="#D8F3FE">BBBBB</TD> </TR> <TR> <TD bgcolor="#00FF7F">CCCCC</TD> <TD bgcolor="#BFBFDF">DDDDD</TD> </TR> </TABLE> |
|
枠内の色を変えます。 <TD bgcolor="色名">と書いて下さい。 また、<TABLE borderColor="色名">を指定すると 枠に色が付きます。 表はまだまだいろんな指定が出来ます。 |
タ グ |
実 行 例 |
解 説 |
<UL
TYPE="DISK"> <LI>AAAAA <LI>BBBBB <LI>CCCCC </UL> |
|
リストを作ります。 DISK…●(黒丸) CIRCLE…○(白丸) SQUARE…□(四角) |
<OL
TYPE="A"> <LI>AAAAA <LI>BBBBB <LI>CCCCC </OL> |
|
番号順リストを作ります。 A…大文字英字 a…小文字英字 I…大文字ローマ数字 i…小文字ローマ数字 1…数字 |
実 行 例 |
タ グ・解 説 |
お気に入りに追加を押すと、 お気に入りに追加されます。 |
お気に入りに追加を押すと、 <SCRIPT language="JScript"> <!-- addURL = "http://www.h3.dion.ne.jp/~yhiromi/"; document.write('<INPUT type="button" value="お気に入りに追加" //-->
|
ここではメールを送信するフォームを例に挙げてフォームを説明いたします。 送信ボタンを押していただきますとyhiromi@d9.dion.ne.jp(マイホーム管理人)にメールが届くようになっております。 <CENTER> <FORM action="mailto:yhiromi@d9.dion.ne.jp" method="POST" ENCTYPE="text/plain"> <STRONG>このページのご感想をお聞かせください<STRONG><BR><BR> <b>お名前:</b><input name="NAME" size="30"><BR> <b>E mail:</b><input name="ADRESS" value=" " size="40"><BR> <b>HP URL:</b><input name="URL" value=" http://" size="40"><BR> <p> <b>このページはいかがでしたか?</b><BR> <SELECT NAME="CONTENTS"> <OPTION value="面白い">面白い <OPTION value="まあまあ">まあまあ <OPTION value="ふつうだ">ふつうだ <OPTION value="つまらない">つまらない <OPTION value="その他">その他 </SELECT> <p> <b>なんでもコメントをお願い致します</b><BR> <TEXTAREA name="COMMENT"rows=4 cols=50></TEXTAREA><p> <INPUT type=submit value="送信"> <INPUT type=reset value="リセット"><BR> </FORM> </CENTER>
|
[★高収入が可能!WEBデザインのプロになってみない?!
自宅で仕事がしたい人必見!
]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。50MBで250円から。CGI・SSI・PHPが使えます。 ]
FC2 | キャッシング 花 | 出会い 無料アクセス解析 | |