（補足＆使い方）
・ＨＴＭＬタグに載っている物をいろいろ組み合わせる事によって、どんな風な物が作れるのかを、ちょっとだけ、作ってみました。良かったら、これを参考にして、皆さんも、いろいろ組み合わせて、作ってみてね。
・詳しいタグの解説は、ＴＯＰにある、それぞれの項目１（文字）〜１２（入力フォームの装飾）を見てね。
・タグが解ってきた人は、応用編でいろいろ変えてみると、オリジナルの物が出来ます。
（注）コピーボタンが効かない人は、タグをそのまま、コピー貼り付けで使ってね。
どんな風になるのかは、下の方のサンプルを見てみてね。（番号に対応しています。）
(注1)バー色は、文字の量が多くなった時に、バーが出る様に設定されているので、その時のバーの色を表しています。
(注2)横幅は、無くても（削っても）Ｏ．Ｋです。縦幅も指定したくない時は、数値を「1」にして下さい。そうすると、文字と枠の間の隙間が無くなります。
(注3)青い文字の部分は、タグを識別する部分です。青い文字が入っているタグを同一ページに複数個つかう場合には、青い部分をそれぞれ、お好きな半角英数字に変更して下さい。通常は、変更しなくて大丈夫です。変更する場合は、小さな「．」まで消さない様に注意して下さいね。
| サンプルのタグ（文字の部分を変えれば、そのまま、使えます） | ||
|---|---|---|
| 番号 | タグ | コピーボタン |
| １ | <table border="10" bordercolor="#00bfff"><tr><td><marquee direction="up" scrollamount="1" height="20" behavior="slide" loop="4"><center>文字１</center></marquee></td></tr><tr><td>文字２</td></tr><tr><td><marquee scrollamount="3">文字３</marquee></td></tr></table> | |
| ２ | <table border="1" bordercolor="#99eeff" bgcolor="#99eeff" style="color:#ffff00"><tr><td></td><td bgcolor="#0025ff"><marquee width="100%" scrollamount="3">文字１</marquee></td><td></td></tr><tr><td></td><td><table border="7" bordercolorlight="#ddffff" bordercolordark="#77ffff" bgcolor="#99eeff" style="color:#ff69b4"><tr><td bgcolor="#000000" style="font-size:13"><marquee direction="up" width="290px" height="170px" scrollAmount="1"><div align="center">文字２<br><br>文字３<br>文字４</div></marquee></td></tr></table></td><td></td></tr><tr><td></td><td bgcolor="#0025ff"><marquee width="100%" scrollamount="2">文字５</marquee></td><td></td></tr></table> | |
| ３ | <table border="10" bordercolor="#99ff9f"><tr><td><marquee direction="up" scrollamount="5" width="10" height="100" bgcolor="#000000"><font size="1" color="#ffff00">★<br><br><br>★<br><br><br>★<br><br><br>★<br><br><br>★<br><br><br>★</font></marquee></td><td width="200" height="100"><font style="color:#ffe2ef;background:#000000;font-size:12;width:200;height:100;scrollbar-base-color:#99ff9f;overflow-x:hidden;overflow-y:auto">文字</font></td><td><marquee direction="down" scrollamount="5" width="10" height="100" bgcolor="#000000"><font size="1"color="#ffff00">★<br><br><br>★<br><br><br>★<br><br><br>★<br><br><br>★<br><br><br>★</font></marquee></td></tr></table> | |
| ４ | <font style="border-style:solid;border-color:#ffdab9;border-width:1;height:1"><table><tr><td colspan="2"><marquee direction="right" scrollamount="8" width="285" height="20"><font color="#90ee90">★</font> <font color="#adff2f">★</font> <font color="#ffd700">★</font> <font color="#ff7f50">★</font> <font color="#ffb6c1">★</font> <font color="#8a2be2">★</font> <font color="#00bfff">★</font></marquee></td><td rowspan="2"><marquee direction="down" scrollamount="8" width="20" height="180"><font color="#adff2f">★</font><br><br><br><font color="#ffd700">★</font><br><br><br><font color="#ff7f50">★</font><br><br><br><font color="#ffb6c1">★</font><br><br><br><font color="#8a2be2">★</font><br><br><br><font color="#00bfff">★</font></marquee></td></tr><tr><td rowspan="2"><marquee direction="up" scrollamount="8" width="20" height="180"><font color="#00bfff">★</font><br><br><br><font color="#8a2be2">★</font><br><br><br><font color="#ffb6c1">★</font><br><br><br><font color="#ff7f50">★</font><br><br><br><font color="#ffd700">★</font><br><br><br><font color="#adff2f">★</font><br><br><br><font color="#90ee90">★</font></marquee></td><td><font style="color:#000000;background:#f0f8ff;font-size:13;border-style:dotted;border-color:#ffe4e1;border-width:3;scrollbar-base-color:#ffe4e1;width:265;height:160;overflow-x:hidden;overflow-y:auto">文字</font></td></tr><tr><td colspan="2"><marquee scrollamount="8" width="285" height="20"><font color="#00bfff">★</font> <font color="#8a2be2">★</font> <font color="#ffb6c1">★</font> <font color="#ff7f50">★</font> <font color="#ffd700">★</font> <font color="#adff2f">★</font></marquee></td></tr></table></font> | |
| ５ | <font style="border-style:solid;border-color:#87cefa;border-width:3;height:1"><font style="border-style:solid;border-color:#ee82ee;border-width:3;height:1"><font style="border-style:solid;border-color:#ffdab9;border-width:3;height:1"><font style="border-style:solid;border-color:#adff2f;border-width:3;height:1"><font style="border-style:solid;border-color:#00fa9a;border-width:3;color:#ffe4e1;font-size:13;background-color:#000000;height:130;width:300">文字</font></font></font></font></font> | |
| ６(注3) | <table bgcolor="#ffc0cb" cellpadding="5"><tr bgcolor="#fff0f5"><td colspan="4" align="center">文字１</td></tr><tr bgcolor="#fff0f5"><td style="font-size:15" colspan="4" align="center"><marquee direction="up" width="290px" height="170px" scrollamount="1" id="mar1"><div align="center">文字２<br><br>文字３<br>文字４</div></marquee></td></tr><tr bgcolor="#fff0f5"><td colspan="4" align="center" style="font-size:13">【コントロールパネル】</td></tr><tr bgcolor="#fff0f5"><th><input type="button" onclick="mar1.direction='up'" value="↑" style="background-color:#ffffff;color:#00bfff;border-color:#00bfff"></th><th><input type="button" onclick="mar1.start()" value="動" style="background-color:#ffffff;color:#00bfff;border-color:#00bfff"></th><th><input type="button" onclick="mar1.stop()" value="止" style="background-color:#ffffff;color:#00bfff;border-color:#00bfff"></th><th><input type="button" onclick="mar1.direction='down'" value="↓" style="background-color:#ffffff;color:#00bfff;border-color:#00bfff"></th></tr></table> | |
| サンプルタグの応用編 | ||
| 赤い文字を変えて、コピー貼り付けで使ってね。 | ||
| 番号 | タグ | コピーボタン |
| １ | <table border="枠の太さ" bordercolor="#枠色"><tr><td><marquee direction="up" scrollamount="速さ" height="縦幅" behavior="slide" loop="回数"><center>文字１</center></marquee></td></tr><tr><td>文字２</td></tr><tr><td><marquee scrollamount="速さ">文字３</marquee></td></tr></table> | |
| ２ | <table border="外枠の太さ" bordercolor="#外枠色" bgcolor="#背景色" style="color:#文字1.5の色"><tr><td></td><td bgcolor="#文字１の背景色"><marquee width="100%" scrollamount="文字１の速さ">文字１</marquee></td><td></td></tr><tr><td></td><td><table border="内枠の太さ" bordercolorlight="#明るい部分の内枠色" bordercolordark="#暗い部分の内枠色" bgcolor="#背景色" style="color:#文字2.3.4の色"><tr><td bgcolor="#文字2.3.4の背景色" style="font-size:文字2.3.4の大きさ"><marquee direction="up" width="文字2.3.4の横幅px" height="文字2.3.4の縦幅px" scrollAmount="文字2.3.4の速さ"><div align="center">文字２<br><br>文字３<br>文字４</div></marquee></td></tr></table></td><td></td></tr><tr><td></td><td bgcolor="#文字５の背景色"><marquee width="100%" scrollamount="文字５の速さ">文字５</marquee></td><td></td></tr></table> | |
| ３(注1) | <table border="枠の太さ" bordercolor="#枠色"><tr><td><marquee direction="up" scrollamount="下→上の★の速さ" width="10" height="100" bgcolor="#下→上の★の背景色"><font size="1" color="#下→上の★色">★<br><br><br>★<br><br><br>★<br><br><br>★<br><br><br>★<br><br><br>★</font></marquee></td><td width="200" height="100"><font style="color:#文字色;background:#文字の背景色;font-size:文字の大きさ;width:200;height:100;scrollbar-base-color:#バー色;overflow-x:hidden;overflow-y:auto">文字</font></td><td><marquee direction="down" scrollamount="上→下の★の速さ" width="10" height="100" bgcolor="#上→下の★の背景色"><font size="1"color="#上→下の★色">★<br><br><br>★<br><br><br>★<br><br><br>★<br><br><br>★<br><br><br>★</font></marquee></td></tr></table> | |
| ４(注1) | <font style="border-style:外枠の形;border-color:#外枠の色;border-width:外枠の太さ;height:1"><table><tr><td colspan="2"><marquee direction="right" scrollamount="左→右の★の速さ" width="285" height="20"><font color="#90ee90">★</font> <font color="#adff2f">★</font> <font color="#ffd700">★</font> <font color="#ff7f50">★</font> <font color="#ffb6c1">★</font> <font color="#8a2be2">★</font> <font color="#00bfff">★</font></marquee></td><td rowspan="2"><marquee direction="down" scrollamount="上→下の★の速さ" width="20" height="180"><font color="#adff2f">★</font><br><br><br><font color="#ffd700">★</font><br><br><br><font color="#ff7f50">★</font><br><br><br><font color="#ffb6c1">★</font><br><br><br><font color="#8a2be2">★</font><br><br><br><font color="#00bfff">★</font></marquee></td></tr><tr><td rowspan="2"><marquee direction="up" scrollamount="下→上の★の速さ" width="20" height="180"><font color="#00bfff">★</font><br><br><br><font color="#8a2be2">★</font><br><br><br><font color="#ffb6c1">★</font><br><br><br><font color="#ff7f50">★</font><br><br><br><font color="#ffd700">★</font><br><br><br><font color="#adff2f">★</font><br><br><br><font color="#90ee90">★</font></marquee></td><td><font style="color:#文字色;background:#背景色;font-size:文字の大きさ;border-style:内枠の形;border-color:#内枠の色;border-width:内枠の太さ;scrollbar-base-color:#バー色;width:265;height:160;overflow-x:hidden;overflow-y:auto">文字</font></td></tr><tr><td colspan="2"><marquee scrollamount="右→左の★の速さ" width="285" height="20"><font color="#00bfff">★</font> <font color="#8a2be2">★</font> <font color="#ffb6c1">★</font> <font color="#ff7f50">★</font> <font color="#ffd700">★</font> <font color="#adff2f">★</font></marquee></td></tr></table></font> | |
| ５(注2) | <font style="border-style:一番外枠の形;border-color:#一番外枠色;border-width:一番外枠の太さ;height:1"><font style="border-style:二番目枠の形;border-color:#二番目枠色;border-width:二番枠の太さ;height:1"><font style="border-style:三番目枠の形;border-color:#三番目枠色;border-width:三番目枠の太さ;height:1"><font style="border-style:四番目枠の形;border-color:#四番目枠色;border-width:四番目枠の太さ;height:1"><font style="border-style:最内枠の形;border-color:#最内枠色;border-width:最内枠の太さ;color:#文字色;font-size:大きさ;background-color:#背景;height:縦幅;width:横幅">文字</font></font></font></font></font> | |
| ６(注3) | <table bgcolor="#枠色" cellpadding="5"><tr bgcolor="#背景色"><td colspan="4" align="center">文字１</td></tr><tr bgcolor="#背景色"><td style="font-size:動く文字の大きさ" colspan="4" align="center"><marquee direction="up" width="290px" height="170px" scrollamount="動く文字の速さ" id="mar2"><div align="center">文字２<br><br>文字３<br>文字４</div></marquee></td></tr><tr bgcolor="#背景色"><td colspan="4" align="center" style="font-size:13">【コントロールパネル】</td></tr><tr bgcolor="#背景色"><th><input type="button" onclick="mar2.direction='up'" value="↑" style="background-color:#ボタンの背景色;color:#ボタンの文字色;border-color:#ボタンの枠色"></th><th><input type="button" onclick="mar2.start()" value="動" style="background-color:#ボタンの背景色;color:#ボタンの文字色;border-color:#ボタンの枠色"></th><th><input type="button" onclick="mar2.stop()" value="止" style="background-color:#ボタンの背景色;color:#ボタンの文字色;border-color:#ボタンの枠色"></th><th><input type="button" onclick="mar2.direction='down'" value="↓" style="background-color:#ボタンの背景色;color:#ボタンの文字色;border-color:#ボタンの枠色"></th></tr></table> | |
| サンプル | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 番号 | こんな感じ | ||||||||||||||||
| １ |
| ||||||||||||||||
| ２ | |||||||||||||||||
| ３ |
| ||||||||||||||||
| ４ |
| ||||||||||||||||
| ５ | 文字 | ||||||||||||||||
| ６ |
| ||||||||||||||||