ミニペの作り方メモ

更新日：2008-08-07 15:07:00

重要なところ

文字の色の変更。
color="#ff0000"

色
<font color="#ff0000">赤</font>
<font color="#00ff00">緑</font>
<font color="#0000ff">青</font>
<font color="red">赤</font>
<font color="white">白</font>
<font size=6 color="#ffaa00">組み合わせ</font>

これはＲＧＢ（赤緑青）という要素で並んでおり、この場合は赤がＦＦ（最大値）、緑と青が００（最小値）です。
００〜ＦＦは１６進数です。
００→０１→０２→…→０８→０９→０Ａ→０Ｂ→０Ｃ→０Ｄ→０Ｅ→０Ｆ→１０→１１→…→ＦＤ→ＦＥ→ＦＦ

大きさ
<font size=1>ワン</font>
<font size=2>ツー</font>
<font size=3>スリー</font>
<font size=4>フォー</font>
<font size=5>ファイブ</font>
<font size=6>シックス</font>
<font size=7>ウルトラセブン</font>

<B>〜</B>文字を太くする

<br>段落を作る

<hr>線を引

<a href="ここ">こっち</a>

ここと書いてあるところにアドレスを載せる
こっには文字が入る

target="_blank"を最後にいれたら別ウインドで開かれる

<table>と</table>ではさむとテーブルができる

<td>と</td>

<body bgcolor="#000000" text="#ffffff">背景

<table border bgcolor="#CCFFFF">
<tr><td>あいうえお<br>かきくけこ<br>さしすせそ</td></tr>
</table

<center>真中</center>
文字が真ん中に

<marquee>右から左へ普通の動き</marquee>

<marquee direction=right>左から右への動き</marquee>

<marquee direction=down>上から</marquee>

<marquee direction=up>下から</marquee>

<marquee behavior=alternate>左右</marquee>

<marquee bgcolor="#ff0000" style="font-weight : bold;"><b>―⊂|=Oヘ( ･_･) オチュウシャアターック ( ･_･)ノO|⊃―;ﾟOﾟ) プスッ！　</b></marquee>

<DIV align=center><MARQUEE behavior=alternate bgColor=pink direction=up height=100 width=90%><MARQUEE behavior=alternate><FONT color=green>はねてる</FOMT><BR><FONT color=blue>文字♪</FONT></MARQUEE></MARQUEE></DIV>

<a href=http://www5a.biglobe.ne.jp/~zaison/>★ざいそんの部屋★</a>
リンクおはる

<a href=http://www5a.biglobe.ne.jp/~zaison/ STYLE=text-decoration:none>★ざいそんの部屋★</a>
りんくおはる

<A HREF=http://www5a.biglobe.ne.jp/~zaison/>
<img src=zaison.gif></A>
ふれるだけで

<TABLE border><TR><TD>セル１</TD><TD>セル２</TD><TD>セル３</TD></TR><TR><TD>セル４</TD><TD>セル５</TD><TD>セル６</TD></TR></TABLE>

段を作る

<FORM><INPUT TYPE="button" VALUE="前へ戻る" onClick="history.go(-1)"></FORM>

<form action="http://www5a.biglobe.ne.jp/~zaison/"> <input type="submit" value="ＴＯＰに戻る"></form>

<button style=position:absolute onmousedown="this.style.pixelLeft=Math. random()*document.body.clientWidth;this.style.pixelTop=Math.random()*document. body.clientHeight;">ここの部分が逃げるしくみ</button>

<input id="ducknt" type="button" value="おみくじ改" onClick="if(value=='おみくじ改'){a=0;AAA=setInterval('if(a==0){omikujiy.innerHTML=\'大凶\';a=1} else if(a==1){omikujiy.innerHTML=\'凶\';a=2} else if(a==2){omikujiy.innerHTML=\'吉\';a=3} else if(a==3){omikujiy.innerHTML=\'中吉\';a=4} else if(a==4){omikujiy.innerHTML=\'大吉\';a=0}',100);value='Stop'};else{clearInterval(AAA);ducknt.disabled='true';value='おみくじ改'}"></input><center><font id="omikujiy" color="red" size="7"></font></center>

<input type="button" value="爆発スイッチ" onclick="duckn.face='Wide Latin';duckn.innerHTML='バーーーーーン!!';for(a=0;a<10;a++){document.bgColor='ff0000';document.bgColor='000000';}" onmouseout="duckn.face='wingdings';duckn.innerHTML='M'"></input><br><font size="7" face="wingdings" id="duckn">M</font>
爆弾

<table>と</table>で挟みます。
テーブルの枠線の属性を持たせる場合は、例のborder=1のように枠線の太さを指定します。
他にもテーブルの内枠の太さや枠線とセルの内容の間を決められる属性もあります。

次に<tr>と</tr>で挟まれたところが、テーブルの行を表します。
そして<td>と</td>で挟まれたところが内容です。
tdタグを増やしていくとセルの数が増えます。