――― HTMLタグ講座 ―――
リッジレーサーBBS(以下、'R'BBS)ではHTMLタグが使用可能でございます。これを使えば文字強調などが出来ます。
色々組み合わせて暇な時などに書いてみると楽しいです(^^)
主なHTMLタグ | |||
利用可能タグ | 説明 | 例 | |
<font size="5"> </font> | このタグはフォントのサイズ…文字の大きさを変えるタグの事。size=""の""の間に数字を指定する。そして最後に</font>で文字を囲む。 | 方法 | <font size="6">こんにちは</font> |
結果 | こんにちは | ||
フォントサイズの大きさと関係 | |||
font size="1"⇒あ font size="2"⇒あ font size="3"⇒あ font size="4"⇒あ font size="5"⇒あ font size="6"⇒あ font size="7"⇒あ | |||
<font color="green"> </font> | このタグはフォントのカラー…文字の色を変えるタグの事。color=""の""の間に英語で色を指定する。色の詳細についてはここをクリック。 | 方法 | <font color="green">フィアロ!!</font> |
結果 | フィアロ!! | ||
<b> </b> | 文字をこのタグで囲むと、その文字が太くなる。 | 方法 | <b>どうも</b> |
結果 | どうも | ||
<i> </i> | 文字をこのタグで囲むと、その文字が斜めになる。 | 方法 | <i>スペクトラの全長は・・・</i> |
結果 | スペクトラの全長は・・・ | ||
<i><b><font size="6"></font></b></i> | このタグはフォントサイズ変更・太文字・斜文字の3つの要素が入っているタグ。 | 方法 | <i><b><font size="6">こんにちは</i></b></font> |
結果 | こんにちは | ||
<font size="5" color="red"></font> | このタグはフォントサイズ変更&色の変更の2つの要素が入っているタグ。 | 方法 | <font size="5" color="red">トレアドール</font> |
結果 | トレアドール | ||
<font face="MS P明朝"> | このタグは、文字の書体(形)を指定するタグの事。face=""の""の間に特定の単語を指定する。代表的な書体は▽にあります。 | 方法 | <font face=Lucida Handwriting>RidgeRacer Revolution</font> |
結果 | RidgeRacer Revolution | ||
<a href=""> </a> | このタグはHPなどを文章中に指定するときに必要になる。<ahref="">の""の間に自分のホームページアドレスを書き、<ahref="">と、</a>の間に文字を打つ。 | 方法 | ここは<a href="http://www5a.biglobe.ne.jp/~death13/">私のHP</a>です。 |
結果 | ここは私のHPです。 | ||
<br> | このタグは文章の改行の役割を持つ。ただし、通常はEnterキーでO・K。 | 方法 | ソルシエールは<br>カッコイイ。 |
結果 | ソルシエールは カッコイイ。 | ||
<s> </s> | これは文字に横線をつけるためのタグ。 | 方法 | <s>フォーチュン</s> |
結果 | |||
<u> </u> | このタグは文字の下に横線をつけるためのタグ。文字を強調したいときなどに使用。 | 方法 | <u>アウターパスをノーミスで完走</u> |
結果 | アウターパスをノーミスで完走 | ||
<center> </center> | このタグは文字を行のセンター(真ん中)に移動できるタグ。 | 方法 | <center>真ん中</center> |
結果 | 真ん中 |
色の名前と詳細。以下の文字をペースト、コピーして使うと有効です。 | |||||
aliceblue #f0f8ff | antiquewhite #faebd7 | aqua #00ffff | aquamarine #7fffd4 | azure #f0ffff | cyan #00ffff |
brown #a52a2a | beige #f5f5dc | bisque #ffe4c4 | black #000000 | blanchedalmond #ffebcd | darkblue #00008b |
burlywood #deb887 | blue #0000ff | blueviolet #8a2be2 | cadetblue #5f9ea0 | chartreuse #7fff00 | darkcyan #008b8b |
crimson #dc143c | coral #ff7f50 | cornflowerblue #6495ed | chocolate #d2691e | cornsilk #fff8dc | darkgoldenrod #b8860b |
darkgray #a9a9a9 | darkgreen #006400 | darkkhaki #bdb76b | darkmagenta #8b008b | darkorchid #9932cc | darkviolet #9400d3 |
darkolivegreen #556b2f | darkorange #ff8c00 | darkslateblue #483d8b | darkred #8b0000 | darkslategray #2f4f4f | darkseagreen #8fbc8f |
darksalmon #e9967a | dimgray #696969 | dodgerblue #1e90ff | firebrick #b22222 | floralwhite #fffaf0 | ghostwhite #f8f8ff |
darkturquoise #00ced1 | fuchsia #ff00ff | deeppink #ff1493 | deepskyblue #00bfff | forestgreen #228b22 | gainsboro #dcdcdc |
gold #ffd700 | goldenrod #daa520 | gray #808080 | green #008000 | greenyellow #adff2f | honeydew #f0fff0 |
lavenderblush #fff0f5 | lightsalmon #ffa07a | lawngreen #7cfc00 | indianred #cd5c5c | hotpink #ff69b4 | lightgrey #d3d3d3 |
indigo #4b0082 | ivory #fffff0 | khaki #f0e68c | lavender #e6e6fa | lightpink #ffb6c1 | lightseagreen #20b2aa |
lightskyblue #87cefa | lightslategray #778899 | lemonchiffon #fffacd | lightblue #add8e6 | lightsteelblue #b0c4de | lime #00ff00 |
mediumorchid #ba55d3 | mediumaquamarine #66cdaa | lightgoldenrodyellow #fafad2 | lightgreen #90ee90 | lightcoral #f08080 | lightcoral #e0ffff |
limegreen #32cd32 | linen #faf0e6 | magenta #ff00ff | maroon #800000 | mediumblue #0000cd | mediumpurple #9370db |
mediumseagreen #3cb371 | mediumslateblue #7b68ee | mediumspringgreen #00fa9a | mediumturquoise #48d1cc | mediumvioletred #c71585 | midnightblue #191970 |
navy #000080 | moccasin #ffe4b5 | mintcream #f5fffa | mistyrose #ffe4e1 | navajowhite #ffdead | oldlace #fdf5e6 |
olive #808000 | olivedrab #6b8e23 | orange #ffa500 | orangered #ff4500 | palevioletred #db7093 | palegoldenrod #eee8aa |
orchid #da70d6 | tan #d2b48c | palegreen #98fb98 | paleturquoise #afeeee | peachpuff #ffdab9 | peru #cd853f |
pink #ffc0cb | plum #dda0dd | powderblue #b0e0e6 | purple #800080 | papayawhip #ffefd5 | seagreen #2e8b57 |
red #ff0000 | rosybrown #bc8f8f | royalblue #4169e1 | saddlebrown #8b4513 | sienna #a0522d | silver #c0c0c0 |
salmon #fa8072 | sandybrown #f4a460 | slateblue #6a5acd | seashell #fff5ee | skyblue #87ceeb | yellow #ffff00 |
slategray #708090 | snow #fffafa | springgreen #00ff7f | steelblue #4682b4 | teal #008080 | turquoise #40e0d0 |
wheat #f5deb3 | violet #ee82ee | thistle #d8bfd8 | tomato #ff6347 | white #ffffff | whitesmoke #f5f5f5 |
yellowgreen #9acd32 | |||||
色を打つときの注意事項… もし、yellowの色を使いたいときは、<font color="yellow">か、<font color="#ffff00">のどちらを使用します。 なお、'R'BBSの背景色は紺色です。文字色を"blue"や、"#000080"など、濃い青色を使うと、文字が隠蔽色となって見えなくなってしまいますのでご注意下さい。 上記の中では、特にnavy indigo midnightblue darkblue blackが危険です。 |
書体の書式詳細(コピー&ペーストなどをすると楽) | ||||
書式 | 結果 | 書式 | 結果 | |
<font face="MS ゴシック">レイジ</font> | レイジ Rage | <font face="Lucida Sans">レイジ</font> | レイジ Rage | |
<font face="MS UI Gothic">レイジ</font> | レイジ Rage | <font face="Book Antiqua">レイジ</font> | レイジ Rage | |
<font face="News Gothic MT">レイジ</font> | レイジ Rage | <font face="Abadi MT Condensed Light">レイジ</font> | レイジ Rage | |
<font face="Lucida Handwriting">レイジ</font> | レイジ Rage | <font face="Westminster">レイジ</font> | レイジ Rage | |
<font face="MS P明朝">レイジ</font> | レイジ Rage | <font face="Tahoma">レイジ</font> | レイジ Rage | |
<font face="Courier New">レイジ</font> | レイジ Rage | <font face="江戸勘亭流P">レイジ</font> | レイジ Rage | |
<font face="HG祥南行書体">レイジ</font> | レイジ Rage | |||
■注意事項■ かならず<font face="MS ゴシック">のように、MSゴシックなどの文字は""で囲ってください。そうしないとちゃんと表示されません。 |
では、以上のタグを全て使ってみましょう。
<center><font size="5" color="red" face="MS P明朝">夕暮れの <a href="http://www5a.biglobe.ne.jp/~death13/RR5/course/bayside-line.html">ベイサイドライン</a>は西日が強烈。 <br><b><i><s><u>夜の風景は最高である。</a></u></s></i></b><br>1度は走るべき。</font></center> |
どうなるか知りたい方は↓の練習場で確認してみましょう。
↑のタグの文字列のどこかにポインタを置き、トリプルクリックすれば全て選択されますのでコピーして貼り付けてください。
*他にもタグは<SMALL>や<STRONG>・<BLINK>etc…いっぱいありますが、以上のタグで十分でしょう。
ちなみに、<STYLE>タグは荒らし防止の為使用不可となっております。
(*見終わったらウィンドウを閉じてください)