| タグ使用例 | タグの書き方 | 備考 |
|---|---|---|
| 文字の修飾 | ||
| 赤色の文字です。 | <font color="#ff0000">赤色</font>の文字です。 | #rrggbb（r=red,g=green,b=blue）。rgbには、それぞれ0〜f(16進数)が入ります。 |
| レッドカードをもらって一発退場だけは避けたいものです。 | <font color="red">レッドカード</font>をもらって一発退場だけは避けたいものです。 | 色の名前を英単語で指定します。 |
| 文字の大きさを変えます。 | <font size="6">文字の大きさ</font>を変えます。 | 1〜7が指定できます。数字が大きくなるほど、文字が大きくなります。 |
| ●●● | <font color="#0000ff" size="5">●</font><font color="#ffff00" size="5">●</font><font color="#ff0000" size="5">●</font> | |
| この文字が書かれているのは、ブラウザ標準のfontです。 この文字が書かれているのは、ＪＳゴシックと言うfontです。 この文字が書かれているのは、ＭＳ ゴシックと言うfontです。 |
この文字が書かれているのは、ブラウザ標準のfontです。 <font face="ＪＳゴシック">この文字が書かれているのは、ＪＳゴシックと言うfontです。</font> <font face="ＭＳ ゴシック">この文字が書かれているのは、ＭＳ ゴシックと言うfontです。</font> |
fontをいろいろ指定できます。ブラウザ、ＰＣによっては、正しく表示されないこともあります。 |
| フォントタグを使っていろいろ遊んでみましょう。 | <font color="#009900" size="6" face="ＪＳ明朝">フォントタグ</font>を使っていろいろ遊んでみましょう。 | 当掲示板でオプションを複数個指定する場合、color、size、faceの順に指定してください。 |
| 太字（ボールド）です。 | <b>太字（ボールド）</b>です。 | |
| 斜体（イタリック）です。 | <i>斜体（イタリック）</i>です。 | |
| アンダーラインを引きます。 ここをクリック・・・しても何も起こりませんよ。 |
<u>アンダーライン</u>を引きます。 <font color=red><u>ここをクリック</u></font>・・・しても何も起こりませんよ。 |
|
| <s>取消線</s>を引きます。 | ||
| Netscapeならするけど・・・ | Netscapeなら<blink>点滅</blink>するけど・・・ | IEだと何も起こりません。 |
| 上付き文字と下付き文字です。 | <sup>上付き</sup>文字と<sub>下付き</sub>文字です。 | |
| こちらは、等幅フォントです。 こちらはブラウザで通常使われているフォントです。 |
<tt>こちらは、等幅フォントです。</tt> こちらはブラウザで通常使われているフォントです。 |
|
| マーキー | ||
| <marquee>IEならmarqueeが使えます。</marquee> | ||
| <marquee bgcolor="#ffff00">背景を黄色にしてみました。</marquee> | ||
| <marquee direction=right>反対方向に動きます。</marquee> | directionには、left（初期値）,rightが指定できます。 | |
| <marquee behavior=alternate>往復します。</marquee> | behaviorには、scroll（初期値）,alternate,slideが指定できます。 | |
| <marquee behavior=slide>端にきたら停止します。</marquee> | ||
| <marquee bgcolor=red width="50%">幅を50%にしました。</marquee> | 当掲示板では、widthに1〜999もしくは1%〜100%が指定できます。 | |
| <marquee bgcolor="#00ff00" direction=right behavior=slide width=100>合 </marquee><marquee bgcolor="#00ff00" behavior=slide width=100>体</marquee> | 当掲示板でオプションを複数個指定する場合、bgcolor、direction、behavior、widthの順に指定してください。 | |
| 文章の配置 | ||
| １行改行してみます。 どうでしょうか？ |
１行改行してみます。<br>どうでしょうか？ | |
文章のヘッダーを指定します。 |
<h1>文章のヘッダー</h1>を指定します。 | <h1>〜<h6>が指定できます。数字が大きくなるほど、文字が小さくなります。 |
右に寄せたりできます。 |
<h4 align=right>右に寄せたりできます。</h4> | alignには、left（初期値）,center,rightが指定できます。 |
| タイトル。 この中は、一つの段落です。 前後に空白行が１行入ります。 |
タイトル。<p>この中は、一つの段落です。</p>前後に空白行が１行入ります。 | </p>は無くても構いません。また、<br>と違い、複数個並べても、空白行は１行しか入りません。 |
段落全体を右に寄せます。 |
<p align=right>段落全体を右に寄せます。</p> | alignには、left（初期値）,center,rightが指定できます。 |
文章全体を中央に寄せます。 |
<div align=center>文章全体を中央に寄せます。</div> | alignには、left（初期値）,center,rightが指定できます。 |
| <center>こちらも文章全体を中央に寄せます。</center> | ||
両端がインデントされます。もっと長い文章を書かないと、良く分からないかもしれませんね。 |
<blockquote>両端がインデントされます。もっと長い文章を書かないと、良く分からないかもしれませんね。</blockquote> | |
| リスト表示 | ||
順不同リスト
|
順不同リスト<ul><li>1<li>2<li>3</ul> | |
Netscapeなら、typeが指定できます。
|
Netscapeなら、typeが指定できます。<ul type=square><li>1<li>2<li>3</ul> | typeには、disk（初期値）,circle,squareが指定できます。 |
順序付きリスト
|
順序付きリスト<ol><li>1<li>2<li>3</ol> | |
大文字のＡを指定
|
大文字のＡを指定<ol type=A><li>1<li>2<li>3</ol> | typeには、1（初期値）,A,a,I,iが指定できます。 |
小文字のｉを指定
|
小文字のｉを指定<ol type=i><li>1<li>2<li>3</ol> | |
いろいろ
|
いろいろ<ul type=i><li type=circle>1<li type=square>2<li type=disk>3<li type=1>4<li type=A>5<li type=a>6<li type=I>7<li type=i>8</ul> | |
いろいろ２
|
いろいろ２<ol type=square><li type=circle>1<li type=square>2<li type=disk>3<li type=1>4<li type=A>5<li type=a>6<li type=I>7<li type=i>8</ol> | IE3.xだと、表示がバグってませんか？ |
|
<dl><dt>タイトル</dt><dd>明細１</dd><dd>明細２</dd></dl> | </dt>と</dd>は省略できます。 |
| リンク | ||
| ここをクリック。 | <a href="http://funkyz.jp/">ここ</a>をクリック。 | |
| 新しいウィンドウを開きます。 | <a href="http://funkyz.jp/" target="_blank">新しいウィンドウ</a>を開きます。 | targetには、_self（初期値）,_blank,_parent,_topが指定できます。 |
| メールアドレスも指定できます。 | <a href="mailto:gokue@funkyz.jp">メールアドレス</a>も指定できます。 | ftp:やnews:も指定できます。 |
| 水平線 | ||
| ↓水平線です。 |
↓水平線です。<hr> | |
| ↓幅を50%にしました。数値で指定することもできます。 |
↓幅を50%にしました。数値で指定することもできます。<hr width="50%"> | 当掲示板では、widthに1〜999もしくは1%〜100%が指定できます。 |
| ↓幅を10、高さを99にしました。 |
↓幅を10、高さを99にしました。<hr width=10 size=99> | 当掲示板では、sizeに1〜99が指定できます。 |
| ↓左に寄せます。 |
↓左に寄せます。<hr width=20 size=20 align=left> | alignには、left,center（初期値）,rightが指定できます。 |
| ↓IEだと、色が付けられます。 |
↓IEだと、色が付けられます。<hr width=200 size=5 color="#0000ff"> | |
| ↓影なし |
↓影なし<hr width=100 size=10 noshade> | |
| ↓いろいろ組み合わせてみました。 |
↓いろいろ組み合わせてみました。<hr width=100 size=5 align=right color=red noshade> | 当掲示板でオプションを複数個指定する場合、width、size、align、color、noshadeの順に指定してください。 |
| 画像 | ||
 |
<img src="../link/image/cho-link.gif" width=88 height=31> | 当掲示板では、width、heightの指定は必須です。それぞれ10〜999が指定できます。 |
|
<img src="../link/image/cho-link.gif" width=176 height=62 alt="ちょーりんく"> | altを追加してみました。 |
|
<a href="http://funkyz.jp/link/"><img src="../link/image/cho-link.gif" width=88 height=31 border=5></a> | リンクの時の枠線です。当掲示板では、borderに0〜9が指定できます。 |
| おっす、おらごくう！ |
<img src="../link/image/cho-link.gif" width=88 height=31 align=top>おっす、おらごくう！ | alignには、bottom（初期値）,middle,topが指定できます。 |
| ここをクリック！ |
<a href="http://funkyz.jp/link/"><img src="../link/image/cho-link.gif" width=88 height=31 alt="ちょーりんく" border=0 align=middle>ここをクリック！</a> | 当掲示板でオプションを複数個指定する場合、width、height、alt、border、alignの順に指定してください。 |
| 埋め込み（現在、使用不可に設定されています。） | ||
| <embed src="../audio/radio.mid" width=150 height=40>プラグインを埋め込みます。 | 当掲示板では、width、heightの指定は必須です。それぞれ10〜999が指定できます。 | |
| BGM | ||
| <bgsound src="../audio/radio.mid">IEだとBGMが流れます。 | ||