（説明）
ここは、バナーを作りたいけど、画像の使い方が解らない・画像が使えない場所にバナーを
付けたい。また、バナーを作るのが面倒など、さまざまな理由で、バナーを使いたいけど、
画像が使えないんだよぉ〜と言う人のために、タグでバナーみたいなの（バナーもどき）を作るタグを紹介してます。これで、画像が表示されなくて、×マークが出るなんて心配も、ありませんね。
＊「バナーもどき」と言うことで、大きさはバナーの一般的な大きさ８８×３１ピクセルにしていますので、大きさを変えたい人はそこの部分も変えてね。
文字は<b>文字</b>で太くしてあります。また、target="_blank"で、新しいウインドウで出るようにしています。いらない人は、削ってね。また、指定しなくても良い物（例えば、文字の書体は変えなくても良いと言う人は、「;font-family:文字書体」と言う部分を削る）がある人も、削ってね。
（注１）<div style="line-height:31px">の３１ｐｘと言うのは、文字の上下の位置を表しています。縦のｐｘ値と同じにすると文字が真ん中にきます。
＊文字数制限がある所で使われる方へ：タグの;text-decoration:none"と言うのは、リンクの下線を消すための物で、cursor:pointerと言うのは、カーソルがバナーもどきに乗ったときに、リンクだよって解るために、カーソルの形を変えるための物です。少しでも文字数を減らしたい方は、削ってしまっても、Ｏ．Ｋです。
↓枠の形をここから選んでね。
実線 ：solid
二重線 ：double
丸い点線 ：dotted
四角い点線 ：dashed
内沈み線 ：inset
内浮き出し線：outset
山線 ：ridge
谷線 ：groove
| 赤い文字の部分を変更してコピー貼り付けで使ってね！ | |
|---|---|
| こんな感じ | タグ |
ＨＴＭＬタグ （注１） |
<a href="ＵＲＬ" target="_blank"><div align="center" style="border-style:枠の形;border-color:#枠色;border-width:2;height:1;color:#文字色;background-color:#背景色;width:88;height:31;line-height:31px;font-family:文字書体;font-size:文字の大きさ;cursor:pointer;text-decoration:none"><b>文字</b></div></a> |
| <a href="ＵＲＬ" target="_blank" style="border-style:枠の形;border-color:#枠色;border-width:枠の太さ;height:1;color:#文字色;text-decoration:none"><marquee direction="up" scrollamount="1" width="88px" height="31px" style="cursor:pointer"><div align="center"><b>文字</b></div></marquee></a> | |
（注１） |
<a href="ＵＲＬ" target="_blank" style="border-style:枠の形;border-color:#枠色;border-width:枠の太さ;height:1;color:#文字色;text-decoration:none"><marquee scrollamount="2" width="88px" height="31px" style="cursor:pointer"><div style="line-height:31px"><b>文字</b></div></marquee></a> |
| <a href="ＵＲＬ" target="_blank" style="border-style:枠の形;border-color:#枠色;border-width:枠の太さ;height:1;color:#文字色;text-decoration:none"><marquee direction="up" scrollamount="1" behavior="alternate" width="88px" height="31px" style="cursor:pointer"><div align="center"><b>文字</b></div></marquee></a> | |
（注１） |
<a href="ＵＲＬ" target="_blank" style="border-style:枠の形;border-color:#枠色;border-width:枠の太さ;height:1;color:#文字色;text-decoration:none"><marquee scrollamount="1" behavior="alternate" width="88px" height="31px" style="cursor:pointer"><div style="line-height:31px"><b>文字</b></div></marquee></a> |
| <a href="ＵＲＬ" target="_blank" style="border-style:枠の形;border-color:#枠色;border-width:枠の太さ;height:1;color:#文字色;text-decoration:none"><marquee width="88px" height="31px" direction="up" behavior="alternate" scrollamount="15" style="cursor:pointer"><marquee direction="left" behavior="alternate" scrollamount="15" style="cursor:pointer"><b>文字</b></marquee></marquee></a> | |
| <a href="ＵＲＬ" target="_blank" style="border-style:枠の形;border-color:#枠色;border-width:枠の太さ;height:1;color:#文字色;text-decoration:none"><marquee bgcolor="#背景色" width="88px" height="31px" direction="down" behavior="alternate" scrollamount="1" style="cursor:pointer"><marquee direction="right" behavior="alternate" scrollamount="1" style="cursor:pointer"><b>文字</b></marquee></marquee></a> | |
| <a href="ＵＲＬ" target="_blank" style="border-style:枠の形;border-color:#枠色;border-width:枠の太さ;height:1;color:#文字色;font-family:文字書体;font-size:文字の大きさpx;text-decoration:none"><marquee bgcolor="#背景色" width="88px" height="31px" direction="down" behavior="alternate" scrollamount="1" style="cursor:pointer"><marquee direction="left" scrollamount="1" style="cursor:pointer"><b>文字</b></marquee></marquee></a> | |
| <a href="ＵＲＬ" target="_blank" style="border-style:枠の形;border-color:#枠色;border-width:枠の太さ;height:1;color:#文字色;font-family:文字書体;font-size:文字の大きさpx;text-decoration:none"><marquee bgcolor="#背景色" width="88px" height="31px" direction="down" scrollamount="1" style="cursor:pointer"><marquee direction="left" behavior="alternate" scrollamount="3" style="cursor:pointer"><b>文字</b></marquee></marquee></a> | |
ここまでくれば、もう解った人もいると思いますが、これは、ＴＯＰ１−２．文字(動き編)と３−５の応用です。だから、上以外に自分のオリジナルを作ることも可能です。いろいろ、試してみてね。