使い方の説明
まず、装飾を施したい文章や単語を「タグ付けしたい文字列」のところに記入します。そして、文字のサイズを選びましょう。 リストボックスには7段階の設定があります。 通常の場合、文字の標準サイズは小さいほうから3番目ですが、一部の掲示板などでは「やや大」に相当するものが標準になっている ことがありますので良く見てくださいね。
次に、文字を斜めにしたり、太くしたり、取り消し線や下線を入れたりといった装飾を選びます。
全部まとめても可能ですし、ひとつだけ、あるいはなしでもOKです。
そして文字飾りのメインとなるのが色付けです。色の付け方には3通りの方法が準備されています。
簡単に色を付けるには、「リストから選択」をチェックして、リストボックスから色を選ぶだけでOKです。
お仕着せの色じゃつまらない、と言う人は「自分で入力」にチェックを入れて、下の記入欄に色指示を入れましょう。 「red」とか「green」などの色の名前も使えますが、 #で始まる16進数6桁を使えば1677万色もの指示が可能です。
#に続いて、「赤」の強さを16進数2桁で示します。00が最弱(つまり黒)ffが最強(赤)です。 続けて緑の強さ、青の強さと記入します。
例えば、#ff0000は「赤」、#0000ffは「青」、 そして#ff00ffは「紫」になります。16進数が判らないと言う方は、下の解説をどうぞ背景の色も同じ要領で変えることができます。
さらに、グラデーション文字を作りたいときは、「グラデーション」にチェックを入れて・・・
グラデーション
「何色からスタートするか」をリストボックスから選びます。色の変化は文字数にあわせて終期値の色までを自動調整でグラデーションします。
終期値を「虹」を選択すると、赤→黄→緑→水色→青→紫→赤に戻るという虹色変化を繰り返します。
色変化の度合いは、「小」の場合赤からスタートすると15回の色変化で黄色になります。「大」にするとそれが5回になります。
まずはいろいろ試して下さいね。
16進数について
16進数なんていうとすごく数学的で難しそうに聞こえますがそうでもないんです。★進数というのは、「1桁の数字が★個あるある数字の数え方」 だと思ってください。だから2進数には一桁の数字は0と1の2個しかありません。
で、16進数には数字が16個もあるのか、というとそうなんです。でも現実には「数字」というのは0から9の10種類しかありませんよね。
そこで、16進数を使うときにはアルファベットのAからFに数字になってもらいます。0,1,2・・・で9まで行ったら次は10じゃなくて 「A」という一桁の数字で数えます。でB、C、D・・
そしてFまで行ったら・・・。普通の数字(10進数)の場合は1桁の数字で一番大きい9まで行ったら、ひとつ桁を増やして10となりますよね。
同じなんです。Fの次は10です。ただ、19の次は1A、1B
と続き、1Fまで行って、次が20です。さらに99の次は9A、9Bで、
9Fの次は・・・注意してください、100じゃなくてA0です。
このやり方で数えると00からFFまで、二桁で256通りの数が数えられます。これを利用して色を決めるわけです。
TFTカラー液晶やブラウン管は光の三原色、赤と緑と青の強さのバランスでフルカラー表示をしています。それをコントロールするわけですね。
256×256×256で約1677万通りの組み合わせになりま
す。
もっと詳しく知りたい方は、本屋さんなどで探してみてください。
色の変更は上記の色指定入力フォームに
#の次にある番号6桁を入力して下さい。
マウスで色番号をペースト、コピーする事も出来ます。
| ALICEBLUE
#F0F8FF |
ANTIQUEWHITE
#FAEBD7 |
AQUA
#00FFFF |
AQUAMARINE
#7FFFD4 |
AZURE
#F0FFFF |
| BEIGE
#F5F5DC |
BISQUE
#FFE4C4 |
BLACK
#000000 |
BLANCHEDALMOND
#FFEBCD |
BLUE
#0000FF |
| BLUEVIOLET
#8A2BE2 |
BROWN
#A52A2A |
BURLYWOOD
#DEB887 |
CADETBLUE
#5F9EA0 |
CHARTREUSE
#7FFF00 |
| CHOCOLATE
#D2691E |
CORAL
#FF7F50 |
CORNFLOWERBLUE
#6495ED |
CORNSILK
#FFF8DC |
CRIMSON
#DC143C |
| CYAN
#00FFFF |
DARKBLUE
#00008B |
DARKCYAN
#008B8B |
DARKGOLDENROD
#B8860B |
DARKGRAY
#A9A9A9 |
| DARKGREEN
#006400 |
DARKKHAKI
#BDB76B |
DARKMAGENTA
#8B008B |
DARKOLIVEGREEN
#556B2F |
DARKORANGE
#FF8C00 |
| DARKORCHID
#9932CC |
DARKRED
#8B0000 |
DARKSALMON
#E9967A |
DARKSEAGREEN
#8FBC8B |
DARKSLATEBLUE
#483D8B |
| DARKSLATEGRAY
#2F4F4F |
DARKTURQUOISE
#00CED1 |
DARKVIOLET
#9400D3 |
DEEPPINK
#FF1493 |
DEEPSKYBLUE
#00BFFF |
| DIMGRAY
#696969 |
DODGERBLUE
#1E90FF |
FIREBRICK
#B22222 |
FLORALWHITE
#FFFAF0 |
FORESTGREEN
#228B22 |
| FUCHSIA
#FF00FF |
GAINSBORO
#DCDCDC |
GHOSTWHITE
#F8F8FF |
GOLD
#FFD700 |
GOLDENROD
#DAA520 |
| GRAY
#808080 |
GREEN
#008000 |
GREENYELLOW
#ADFF2F |
HONEYDEW
#F0FFF0 |
HOTPINK
#FF69B4 |
| INDIANRED
#CD5C5C |
INDIGO
#4B0082 |
IVORY
#FFFFF0 |
KHAKI
#F0E68C |
LAVENDER
#E6E6FA |
| LAVENDERBLUSH
#FFF0F5 |
LAWNGREEN
#7CFC00 |
LEMONCHIFFON
#FFFACD |
LIGHTBLUE
#ADD8E6 |
LIGHTCYAN
#E0FFFF |
| LIGHTGOLDENRODYELLOW
#FAFAD2 |
LIGHTGREEN
#90EE90 |
LIGHTGREY
#D3D3D3 |
LIGHTPINK
#FFB6C1 |
LIGHTSALMON
#FFA07A |
| LIGHTSEAGREEN
#20B2AA |
LIGHTSKYBLUE
#87CEFA |
LIGHTSLATEGRAY
#778899 |
LIGHTSTEELBLUE
#B0C4DE |
LIGHTYELLOW
#FFFFE0 |
| LIME
#00FF00 |
LIMEGREEN
#32CD32 |
LINEN
#FAF0E6 |
MAGENTA
#FF00FF |
MAROON
#800000 |
| MEDIUMAQUAMARINE
#66CDAA |
MEDIUMBLUE
#0000CD |
MEDIUMORCHID
#BA55D3 |
MEDIUMPURPLE
#9370DB |
MEDIUMSEAGREEN
#3CB371 |
| MEDIUMSATEBLUE
#7B68EE |
MEDIUMSPRINGGREEN
#00FA9A |
MEDIUMTURQUOISE
#48D1CC |
MEDIUMVIOLETRED
#C71585 |
MIDNIGHTBLUE
#191970 |
| MINTCREAM
#F5FFFA |
MISTYROSE
#FFE4E1 |
MOCCASIN
#FFE4B5 |
NAVAJOWHITE
#FFDEAD |
NAVY
#000080 |
| OLDLACE
#FDF5E6 |
OLIVE
#808000 |
OLIVEDRAB
#6B8E23 |
ORANGE
#FFA500 |
ORANGERED
#FF4500 |
| ORCHID
#DA70D6 |
PALEGOLDENROD
#EEE8AA |
PALEGREEN
#98FB98 |
PALETURQUOISE
#AFEEEE |
PALEVIOLETRED
#DB7093 |
| PAPAYAWHIP
#FFEFD5 |
PEACHPUFF
#FFDAB9 |
PERU
#CD853F |
PINK
#FFC0CB |
PLUM
#DDA0D0 |
| POWDERBLUE
#B0E0E6 |
PURPLE
#800080 |
RED
#FF0000 |
ROSYBROWN
#BC8F8F |
ROYALBLUE
#4169E1 |
| SADDLEBROWN
#8B4513 |
SALMON
#FA8072 |
SANDYBROWN
#F4A460 |
SEAGREEN
#2E8B57 |
SEASHELL
#FFF5EE |
| SIENNA
#A0522D |
SILVER
#C0C0C0 |
SKYBLUE
#87CEEB |
SLATEBLUE
#6A5ACD |
SLATEGRAY
#708090 |
| SNOW
#FFFAFA |
SPRINGGREEN
#00FF7F |
STEELBLUE
#4682B4 |
TAN
#D2B48C |
TEAL
#008080 |
| THISTLE
#D8BFD8 |
TOMATO
#FF6347 |
TURQUOISE
#40E0D0 |
VIOLET
#EE82EE |
WHEAT
#F5DEB3 |
| WHITE
#FFFFFF |
WHITESMOKE
#F5F5F5 |
YELLOW
#FFFF00 |
YELLOWGREEN
#9ACD32 |
掲示板の管理者がどこまでのタグを許可しているかによりますが、画像やMID音源なども貼り付けることができるところもあります。
掲示板やチャットでのタグは、ホームページ作成でのタグのほとんどが使えます。でも、表示エラーなどの問題が生じやすく、CGIなどの作者が、使用できるタグの種類を指定しています。 そのため、使用できるタグは、フォントを変えるものと、文字位置のレイアウト表示および画像の貼り付け程度と思っていて間違いありません。
自動タグつけ以外で使用できるタグの代表的なもの (ブラウザの種類により対応しないためお勧めできない)
| <BLINK>点滅<BLINK> IEでは点滅しない | |
| <MARQUEE SCROLLDELAY="300" SCROLLAMOUNT="80" WIDTH="80"> 点滅</MARQUEE> スクロールを利用して点滅 NNは点滅しない | |
| <marquee>文字スクロールする</marquee>
<MARQUEE DIRECTION="right">記載例</MARQUEE> NNはスクロールしない |
|
|
HEIGHT="フォントより大きい数値を指定した方がよい" |
|
|
標準は6程度 小さくすれば遅く、大きくすれば早く移動する |
|
|
<SPAN STYLE="WIDTH:100%;filter:fliph()"><Div align ="right">水平反転</DIV></SPAN>
|
水平反転 |
|
<SPAN STYLE="WIDTH:100%;filter:flipv()">垂直反転</SPAN> |
垂直反転 |
|
<SPAN STYLE="WIDTH:100%;FONT-SIZE:100%;filter:Shadow(color=#000000,direction=45)">影</SPAN> |
影 |
|
<SPAN STYLE="WIDTH:100%;FONT-SIZE:100%;filter:alpha(opacity=100,finishOpacity=0,style=1,startX=100,startY=0,finishX=100,finishY=100)">ααααα</SPAN> |
ααααα |
|
<SPAN STYLE="WIDTH:100%;FONT-SIZE:100%;filter:glow(strength=4,enabled=1,color=#000000)">ぼかし</SPAN> |
ぼかし |
|
<SPAN STYLE="WIDTH:100%;FONT-SIZE:100%;filter:glow(strength=4,enabled=1,color=#8000ff)"><FONT SIZE="+4" COLOR="#0000FF">AAA</FONT></SPAN> |
ぼかし |
|
<font face="@system">縦文字</font> |
縦文字 |
| <TT>固定幅フォント</TT> | 固定幅フォント |
| 特殊記号文字 ©
(空白) |
© |
| ここに 空白が ある |
掲示板の書き込み位置が、テキスト形式をそのまま表示するように指定していない場合などは、<BR><P>などの改行、 の空白など案外活躍の場があります。 自動改行システムなどがある場合など無意味になる場合も(^^ゞ
なるべく避けたほうが無難であるが、<FONT FACE="ダサ字">ダサ字</FONT>などのように、書体を変えることも可能である。
フォントファイルをインストールしていない人に対しては、無意味な指定になってしまいます。
あなたには、同じような書体に見えますか? 同じに見えれば、フォントファイルがインストールされています。
| 表示例 | あなたの表示 | MAC | 入手先 |
| MS ゴシック | OSAKA | Windows標準 | |
| MS 明朝 | Windows標準 | ||
| HG丸ゴシックM-PRO | OFFICE | ||
| HGP創英角ポップ体 | OFFICE | ||
| AR P隷書体M | はがき作成 | ||
| AR Pペン行楷書体L | はがき作成 | ||
| AR P古印体B | はがき作成 | ||
| AR P勘亭流H | はがき作成 | ||
| ダサ字 | WEB |
<img src="画像のあるWEBアドレス ">
画像は、必ずWEBサーバーに必要です。
<
から > までをコピーし
画像のあるWEBアドレスの部分を書き換えてください。
一般的なMID貼り付けタグは
<EMBED src="MIDファイルのあるアドレス">
チャット・BBSを開いたときに自動再生したいときは、アドレスの後ろにautostart="true"オプションをつけます。でも、基本的には避けた方がいいです。 また、EMBEDタグの制限を設けているBBSの場合は、<A HREF=ファイルのあるアドレス>ファイル名</A>を使用しましょう! さらに、<A>を制限している場合は、アドレスを記載すると自動リンクするものがほとんどです。
| <EMBED src="MID.mid" width="128" height="128" autostart="false" loop="true"> | |
WEBサーバーを自由に使えない(ホームページを所有していない方などの)場合は、当ホームページでは、
クリップ を準備しています。自由にクリップを使ってください。掲示板の種類や管理者の判断により使用できるタグに違いがある以上、いろいろなところでどのタグが使えるかは、テストしてみてください。タグ付けのテストとして タグ練習 も使ってみて下さい。
なお、現在使えるタグは、
タグ一覧
にて公開しています。(HTML作成用のタグであり、すべてが掲示板で使えるものではありません)
ホームページ作成を目的とされる方は、Another
HTML-lint または
が参考になります。
このタグツールがリンクされているBBSです。 当、ツールはリンクフリーではありません。リンクされる場合は・・・・
このタグツールは、Auto TagV2.01の改造版です。とはいえ、かなりの内容が変わってします(^^ゞ
'おやじ'さんへの改造品の公開を連絡、了承を得ています。が、改造内容等は、連絡しておりません。CGIの方は、オリジナルとはかなり違う状態なので、不都合等の問い合わせは、当方にしてください。'おやじ'さんでは、わからないと思いますm(_
_)m