[PR]テレビ番組表
今夜の番組チェック

HTMLタグ説明
掲示板・チャットを彩るHTMLタグで文字を装飾すると見やすくなったり、目立ったり。
でも、この作業、初心者には難しかったりベテランでも面倒だったりします。
装飾したい文章(文字列)と、装飾の内容を選んでボタンをクリックすれば、タグ付けされた文字列と見栄えの見本とが一発表示されます。
気にいった装飾文字が出来上がれば、テキストボックスの中身をコピー&ペーストで掲示板の投稿欄に落とすだけのお助けツールです。

ついでにPR こんなツールもじゃまくさい!! と、自分のIME辞書にタグを登録しているんです。で、IMEの辞書ツールに登録してしまえば・・・ 近日、全編公開  とりあえずは、たぐと登録したものだけ ところで、こんなタグをとの要望があれば お教えください。

使い方の説明

まず、装飾を施したい文章や単語を「タグ付けしたい文字列」のところに記入します。そして、文字のサイズを選びましょう。 リストボックスには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はスクロールしない

marquee
オプション direction="right"
オプション behavior="alternate"

HEIGHT="フォントより大きい数値を指定した方がよい"

オプション direction="up" HEIGHT="30"
オプション direction="down" HEIGHT="30"
オプション direction="UP" behavior="ALTERNATE"

 標準は6程度 小さくすれば遅く、大きくすれば早く移動する

オプション scrollamount="1"

<SPAN STYLE="WIDTH:100%;filter:fliph()"><Div align ="right">水平反転</DIV></SPAN>
一部BBS専用、IEのみ

水平反転

<SPAN STYLE="WIDTH:100%;filter:flipv()">垂直反転</SPAN>
一部BBS専用、IEのみ

垂直反転

<SPAN STYLE="WIDTH:100%;FONT-SIZE:100%;filter:Shadow(color=#000000,direction=45)">影</SPAN>
一部BBS専用、IEのみ

<SPAN STYLE="WIDTH:100%;FONT-SIZE:100%;filter:alpha(opacity=100,finishOpacity=0,style=1,startX=100,startY=0,finishX=100,finishY=100)">ααααα</SPAN>
一部BBS専用、IEのみ

ααααα

<SPAN STYLE="WIDTH:100%;FONT-SIZE:100%;filter:glow(strength=4,enabled=1,color=#000000)">ぼかし</SPAN>
一部BBS専用、IEのみ

ぼかし

<SPAN STYLE="WIDTH:100%;FONT-SIZE:100%;filter:glow(strength=4,enabled=1,color=#8000ff)"><FONT SIZE="+4" COLOR="#0000FF">AAA</FONT></SPAN>
一部BBS専用、IEのみ

ぼかし

<font face="@system">縦文字</font>

縦文字
<TT>固定幅フォント</TT> 固定幅フォント
特殊記号文字     &copy;

               &nbsp; (空白)

©
 ここに        空白が      ある

掲示板の書き込み位置が、テキスト形式をそのまま表示するように指定していない場合などは、<BR><P>などの改行、&nbsp;の空白など案外活躍の場があります。 自動改行システムなどがある場合など無意味になる場合も(^^ゞ

なるべく避けたほうが無難であるが、<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"> 再生することができません。MID対応プラグインを準備してください。

MIDI音源はSOUNDS GATE などから選べます
[MIDIファイルのURL指定には、著作権に十分ご注意ください]

WEBサーバーを自由に使えない(ホームページを所有していない方などの)場合は、当ホームページでは、 クリップ を準備しています。自由にクリップを使ってください。

掲示板の種類や管理者の判断により使用できるタグに違いがある以上、いろいろなところでどのタグが使えるかは、テストしてみてください。タグ付けのテストとして タグ練習 も使ってみて下さい。

なお、現在使えるタグは、 タグ一覧 にて公開しています。(HTML作成用のタグであり、すべてが掲示板で使えるものではありません)
ホームページ作成を目的とされる方は、Another HTML-lint または   が参考になります。

このタグツールがリンクされているBBSです。 当、ツールはリンクフリーではありません。リンクされる場合は・・・・

 

このタグツールは、Auto TagV2.01の改造版です。とはいえ、かなりの内容が変わってします(^^ゞ

'おやじ'さんへの改造品の公開を連絡、了承を得ています。が、改造内容等は、連絡しておりません。CGIの方は、オリジナルとはかなり違う状態なので、不都合等の問い合わせは、当方にしてください。'おやじ'さんでは、わからないと思いますm(_ _)m

戻る

エディットバイ風太郎