タグ講座

タグ講座

タグとはチャットや掲示板に書き込みをする時において、表現力がとてもあらわになるものです。
HTMLタグのことなのですが、これができることによって文字の大きさを変えたり、色を変えたり、動かしたりなどの、
より、楽しいチャットや書き込みができるわけです。
サイトによってはタグが使えないようになっている所もありますので注意しましょう。

文字の大きさを変えるタグ

発言欄への入力例	ログの表示のされ方
<FONT SIZE="1">こんにちは</FONT>	こんにちは
<FONT SIZE="2">こんにちは</FONT>	こんにちは
<FONT SIZE="3">こんにちは</FONT>	こんにちは
<FONT SIZE="4">こんにちは</FONT>	こんにちは
<FONT SIZE="5">こんにちは</FONT>	こんにちは
<FONT SIZE="6">こんにちは</FONT>	こんにちは
<FONT SIZE="7">こんにちは</FONT>	こんにちは
文字の大きさは、7種類で、SIZE="1"が最小で、SIZE="7"が最大、標準は、普通SIZE="3"です。

文字の色を変えるタグ

色を指定するには、を使います。
xxxxxxのところに、色の名前(半角英数)もしくは、色コード(#000000～#FFFFFF)をつかいます。

発言欄への入力例	ログの表示のされ方
<Font Color="Red">こんにちは</Font>	こんにちは
<Font Color="Green">こんにちは</Font>	こんにちは
<Font Color="Blue">こんにちは</Font>	こんにちは
<Font Color="#FF0000">こんにちは</Font>	こんにちは
<Font Color="#00FF00">こんにちは</Font>	こんにちは
<Font Color="#0000FF">こんにちは</Font>	こんにちは
色コードとは、光の三原色、赤・緑・青の強さをそれぞれ、二ケタの１６進数で、表したものです。従って、#000000=黒・#FFFFFF=白・#FF0000=赤・#00FF00=緑・#0000FF=青・・・・になります。後は、この数字を調整することにより、微妙な色を作ることが出来ます。試してみてね(^.^)

色名で指定する場合の色見本

aliceblue	antiquewhite	aqua
aquamarine	azure	beige
bisque	black	blanchedalmond
blue	blueviolet	brown
burlywood	cadetblue	chartreuse
chocolate	coral	cornflowerblue
cornsilk	crimson	cyan
darkblue	darkcyan	darkgoldenrod
darkgray	darkgreen	darkkhaki
darkmagenta	darkolivegreen	darkorange
darkorchid	darkred	darksalmon
darkseagreen	darkslateblue	darkslategray
darkturquoise	darkviolet	deeppink
deepskyblue	dimgray	dodgerblue
firebrick	floralwhite	forestgreen
fuchsia	gainsboro	ghostwhite
gold	goldenrod	gray
green	greenyellow	honeydew
hotpink	indianred	indigo
ivory	khaki	lavender
lavenderblush	lawngreen	lemonchiffon
lightblue	lightcoral	lightcyan
lightgoldenrodyellow	lightgreen	lightgrey
lightpink	lightsalmon	lightseagreen
lightskyblue	lightslategray	lightsteelblue
lightyellow	lime	limegreen
linen	magenta	maroon
mediumaquamarine	mediumblue	mediumorchid
mediumpurple	mediumseagreen	mediumslateblue
mediumspringgreen	mediumturquoise	mediumvioletred
midnightblue	mintcream	mistyrose
moccasin	navajowhite	navy
oldlace	olive	olivedrab
orange	orangered	orchid
palegoldenrod	palegreen	paleturquoise
palevioletred	papayawhip	peachpuff
peru	pink	plum
powderblue	purple	red
rosybrown	royalblue	saddlebrown
salmon	sandybrown	seagreen
seashell	sienna	silver
skyblue	slateblue	slategray
snow	springgreen	steelblue
tan	teal	thistle
tomato	turquoise	violet
wheat	white	whitesmoke
yellow	yellowgreen	#A1FE9F

文字の色と大きさを同時に指定する場合。

と言う風にすれば、同時に指定できます。

発言欄への入力例ログの表示のされ方

こんにちは こんにちは

こんにちは こんにちは

こんにちは こんにちは

こんにちは こんにちは

太字にするタグ

が、太文字にする、タグです。これに挟まれた部分が、太文字になります。

発言欄への入力例ログの表示のされ方

こんにちは こんにちは

はじめまして はじめまして

またねー(^.^)/~~~ またねー(^.^)/~~~

斜め文字にするタグ

が、斜め文字にする、タグです。これに挟まれた部分が、斜め文字になります。

発言欄への入力例ログの表示のされ方

こんにちは こんにちは

はじめまして はじめまして

またねー(^.^)/~~~ またねー(^.^)/~~~

アンダーラインを入れるタグ

が、アンダーラインを入れるタグです。これに挟まれた部分に、アンダーラインが、引かれます。

発言欄への入力例ログの表示のされ方

こんにちは こんにちは

はじめまして はじめまして

またねー(^.^)/~~~ またねー(^.^)/~~~

取り消し線を入れるタグ

<S></S>が、取消し線を入れるタグです。<S>これに挟まれた部分</S>に、取消し線が、入ります。

発言欄への入力例ログの表示のされ方

<S>こんにちは</S> ~~こんにちは~~

<S>はじめまして</S> ~~はじめまして~~

<S>またねー(^.^)/~~~</S> ~~またねー(^.^)/~~~~~

　

中央に表示するタグ

<CENTER></CENTER>が、中央に表示するタグです。

発言欄への入力例ログの表示のされ方

<CENTER>こんにちは</CENTER>
こんにちは

<CENTER>v(^^)v</CENTER>
v(^^)v

　

改行を入れるタグ

 が、改行を入れるタグです。 を入れたところに、改行が入ります。

発言欄への入力例ログの表示のされ方

こ ん に ち はこ
ん
に
ち
は

 （)　（) （°＊°）
（)　（)
（°＊°）

　

複合して、使う。

これらのタグは、複合して、使うことが出来ます。
それぞれの、タグに挟まれた文字に、それぞれのタグの効果が、表れます。

発言欄への入力例ログの表示のされ方

こんにちは<S>おはつ</S> こんにちは~~おはつ~~

<S>おはつ</S> ~~おはつ~~

こんにちは こんにちは

またねー(^.^)/~~~ またねー(^.^)/~~~

　

揺れる文字を作るタグ

揺れる文字は、・・・上付き、・・・下付きを使います。

♪♪♪♪♪♪♪♪♪♪♪♪♪

^{♪^{♪^♪♪♪}♪}♪_{♪_{♪_♪♪♪}♪}

好き好き好き好き好き好き好き好き好き好き好き好き大好き

^{好き^{好き^好き好き好き}好き}好き
_{好き_{好き_好き好き好き}大好き}

　

文字を動かすタグ

<MARQUEE ></MARQUEE>が、文字を動かすタグです。
ただし、ネットスケープでは、見れません。

<Marquee>こんにちは</Marquee>

こんにちは

左から、右へ動かすには、DIRECTION="right"を追加する。

<marquee DIRECTION="right">こんにちは</marquee>

こんにちは

往復で、動かすには、Behavior="Alternate"を追加する。

<Marquee Behavior="Alternate">こんにちは</Marquee>

こんにちは

ちなみに、上下に動かすには、DIRECTION="up"もしくは、DIRECTION="down"をいれます。

動く早さを変えるには、ScrollAmount="xx"を追加する。
xxの数字を変えることで、スピードを調節出来る。

<Marquee ScrollAmount="1">こんにちは</Marquee>

こんにちは

<Marquee ScrollAmount="16">こんにちは</Marquee>

こんにちは

<Marquee ScrollAmount="60">こんにちは</Marquee>

こんにちは

いろいろ組合せた例・・・

<Marquee Behavior="Alternate" ScrollAmount="24">お(^o^) や(^O^) す(^^) みぃ(^-^)ー</Marquee>

お(^o^) や(^O^) す(^^) みぃ(^-^)ー

部分的に(範囲を指定して)使った例・・・

ロケット・パ～ンチ！　（　・・）－○））<marquee width=30% DIRECTION="right" ScrollAmount="60">～～Ю</Marquee>　☆）゜ｏ゜）／

ロケット・パ～ンチ！　（　・・）－○））～～Ю　☆）゜ｏ゜）／　

　

記号一覧

"symbol""Wingdings"などの記号フォントを使って、記号を表示することが出来ます。
主な記号のリストを載せておきます。(^.^)

発言欄への入力例
ログの表示のされ方

ｧ ｧ

ｩ ｩ

ｨ ｨ

ｪ ｪ

　

発言欄への入力例
表示
発言欄への入力例
表示

&#33 ! &#34 "

&#35 # &#36 $

&#37 % &#38 &

&#39 ' &#40 (

&#41 ) &#42 *

&#43 + &#44 ,

&#45 - &#46 .

&#47 / &#48 0

&#49 1 &#50 2

&#51 3 &#52 4

&#53 5 &#54 6

&#55 7 &#56 8

&#57 9 &#58 :

&#59 ; &#60 <

&#61 = &#62 >

&#63 ? &#64 @

&#65 A &#66 B

&#67 C &#68 D

&#69 E &#70 F

&#71 G &#72 H

&#73 I &#74 J

&#75 K &#76 L

&#77 M &#78 N

&#79 O &#80 P

&#81 Q &#82 R

&#83 S &#84 T

&#85 U &#86 V

&#87 W &#88 X

&#89 Y &#90 Z

&#91 [ &#92 \

&#93 ] &#94 ^

&#95 _ &#96 `

&#97 a &#98 b

&#99 c &#100 d

&#101 e &#102 f

&#103 g &#104 h

&#105 i &#106 j

&#107 k &#108 l

&#109 m &#110 n

&#111 o &#112 p

&#113 q &#114 r

&#115 s &#116 t

&#117 u &#118 v

&#119 w &#120 x

&#121 y &#122 z

&#123 { &#124 |

&#125 } &#126 ~

画像を貼りつけるタグ

チャットのログに、画像を貼る場合は、その画像が、Ｗｅｂ上に存在することが必要です。
逆に言えば、Ｗｅｂ上に存在する画像であれば、なんでも、貼りつけることができます。
ただし、著作権法や、ネチケットに、違反するような画像は、くれぐれも使わない様に・・・(~_~；)
また、画像を貼ると、チャットが、重くなります。テレホタイム多人数のチャットルームで、サイズの大きな（重い）画像を多用すると、ヒンシュクをかうので、注意しましょう。

<IMG SRC="xxxxxxxxxxxxxxxxxxxxxx">が、画像を貼るタグです。
xxxxxxxxには、画像のアドレスを、入力します。

画像のアドレス(ＵＲＬ)は、画像を右クリックして、プロパティを見れば、調べられます。

発言欄への入力例	ログの表示のされ方
<IMG SRC="http://plaza16.mbn.or.jp/~lsougyo/gif/notes.gif">
<IMG SRC="http://www.lsougyo.co.jp/~kawa/gif/ft.gif">
<IMG SRC="http://www.lsougyo.co.jp/~kawa/gif/baku.gif">

<Img Src="http://plaza16.mbn.or.jp/~lsougyo/face/akubi.gif" >
<Img Src="http://plaza16.mbn.or.jp/~lsougyo/face/baa.gif" >
<Img Src="http://plaza16.mbn.or.jp/~lsougyo/face/bal2.gif" >
<Img Src="http://plaza16.mbn.or.jp/~lsougyo/face/bye.gif" >
<Img Src="http://plaza16.mbn.or.jp/~lsougyo/face/kata.gif" >
<Img Src="http://plaza16.mbn.or.jp/~lsougyo/face/kera.gif" >
<Img Src="http://plaza16.mbn.or.jp/~lsougyo/face/love.gif" >
<Img Src="http://plaza16.mbn.or.jp/~lsougyo/face/po.gif" >
<Img Src="http://plaza16.mbn.or.jp/~lsougyo/face/un.gif" >
<IMG SRC="http://www.lsougyo.co.jp/~kawa/gif/warai.gif">

リンクを貼りつけるタグ

<A Href="http://xxx.xxxxxxx" Target="_blank">リンク先名</A>が、リンクを貼るタグです。
http://xxx.xxxxxxxに、リンク先のアドレス・リンク先名に入力した文字が、ログに表示される。
メールアドレスの場合は、http://xxx.xxxxxxxの代わりに、mailto:メールアドレスとなります。

発言欄への入力例	表示	発言欄への入力例	表示
<font face="Wingdings" size=6>&#33</font>	!	<font face="Wingdings" size=6>&#34</font>	"
<font face="Wingdings" size=6>&#35</font>	#	<font face="Wingdings" size=6>&#36</font>	$
<font face="Wingdings" size=6>&#37</font>	%	<font face="Wingdings" size=6>&#38</font>	&
<font face="Wingdings" size=6>&#39</font>	'	<font face="Wingdings" size=6>&#40</font>	(
<font face="Wingdings" size=6>&#41</font>	)	<font face="Wingdings" size=6>&#42</font>	*
<font face="Wingdings" size=6>&#43</font>	+	<font face="Wingdings" size=6>&#44</font>	,
<font face="Wingdings" size=6>&#45</font>	-	<font face="Wingdings" size=6>&#46</font>	.
<font face="Wingdings" size=6>&#47</font>	/	<font face="Wingdings" size=6>&#48</font>	0
<font face="Wingdings" size=6>&#49</font>	1	<font face="Wingdings" size=6>&#50</font>	2
<font face="Wingdings" size=6>&#51</font>	3	<font face="Wingdings" size=6>&#52</font>	4
<font face="Wingdings" size=6>&#53</font>	5	<font face="Wingdings" size=6>&#54</font>	6
<font face="Wingdings" size=6>&#55</font>	7	<font face="Wingdings" size=6>&#56</font>	8
<font face="Wingdings" size=6>&#57</font>	9	<font face="Wingdings" size=6>&#58</font>	:
<font face="Wingdings" size=6>&#59</font>	;	<font face="Wingdings" size=6>&#60</font>	<
<font face="Wingdings" size=6>&#61</font>	=	<font face="Wingdings" size=6>&#62</font>	>
<font face="Wingdings" size=6>&#63</font>	?	<font face="Wingdings" size=6>&#64</font>	@
<font face="Wingdings" size=6>&#65</font>	A	<font face="Wingdings" size=6>&#66</font>	B
<font face="Wingdings" size=6>&#67</font>	C	<font face="Wingdings" size=6>&#68</font>	D
<font face="Wingdings" size=6>&#69</font>	E	<font face="Wingdings" size=6>&#70</font>	F
<font face="Wingdings" size=6>&#71</font>	G	<font face="Wingdings" size=6>&#72</font>	H
<font face="Wingdings" size=6>&#73</font>	I	<font face="Wingdings" size=6>&#74</font>	J
<font face="Wingdings" size=6>&#75</font>	K	<font face="Wingdings" size=6>&#76</font>	L
<font face="Wingdings" size=6>&#77</font>	M	<font face="Wingdings" size=6>&#78</font>	N
<font face="Wingdings" size=6>&#79</font>	O	<font face="Wingdings" size=6>&#80</font>	P
<font face="Wingdings" size=6>&#81</font>	Q	<font face="Wingdings" size=6>&#82</font>	R
<font face="Wingdings" size=6>&#83</font>	S	<font face="Wingdings" size=6>&#84</font>	T
<font face="Wingdings" size=6>&#85</font>	U	<font face="Wingdings" size=6>&#86</font>	V
<font face="Wingdings" size=6>&#87</font>	W	<font face="Wingdings" size=6>&#88</font>	X
<font face="Wingdings" size=6>&#89</font>	Y	<font face="Wingdings" size=6>&#90</font>	Z
<font face="Wingdings" size=6>&#91</font>	[	<font face="Wingdings" size=6>&#92</font>	\
<font face="Wingdings" size=6>&#93</font>	]	<font face="Wingdings" size=6>&#94</font>	^
<font face="Wingdings" size=6>&#95</font>	_	<font face="Wingdings" size=6>&#96</font>	`
<font face="Wingdings" size=6>&#97</font>	a	<font face="Wingdings" size=6>&#98</font>	b
<font face="Wingdings" size=6>&#99</font>	c	<font face="Wingdings" size=6>&#100</font>	d
<font face="Wingdings" size=6>&#101</font>	e	<font face="Wingdings" size=6>&#102</font>	f
<font face="Wingdings" size=6>&#103</font>	g	<font face="Wingdings" size=6>&#104</font>	h
<font face="Wingdings" size=6>&#105</font>	i	<font face="Wingdings" size=6>&#106</font>	j
<font face="Wingdings" size=6>&#107</font>	k	<font face="Wingdings" size=6>&#108</font>	l
<font face="Wingdings" size=6>&#109</font>	m	<font face="Wingdings" size=6>&#110</font>	n
<font face="Wingdings" size=6>&#111</font>	o	<font face="Wingdings" size=6>&#112</font>	p
<font face="Wingdings" size=6>&#113</font>	q	<font face="Wingdings" size=6>&#114</font>	r
<font face="Wingdings" size=6>&#115</font>	s	<font face="Wingdings" size=6>&#116</font>	t
<font face="Wingdings" size=6>&#117</font>	u	<font face="Wingdings" size=6>&#118</font>	v
<font face="Wingdings" size=6>&#119</font>	w	<font face="Wingdings" size=6>&#120</font>	x
<font face="Wingdings" size=6>&#121</font>	y	<font face="Wingdings" size=6>&#122</font>	z
<font face="Wingdings" size=6>&#123</font>	{	<font face="Wingdings" size=6>&#124</font>	\|
<font face="Wingdings" size=6>&#125</font>	}	<font face="Wingdings" size=6>&#126</font>	~

発言欄への入力例	ログの表示のされ方
<Font Size="7" Color="Red">こんにちは</Font>	こんにちは
<Font Size="6" Color="Fuchsia">こんにちは</Font>	こんにちは
<Font Size="5" Color="Green">こんにちは</Font>	こんにちは
<Font Size="1" Color="Blue">こんにちは</Font>	こんにちは

発言欄への入力例	ログの表示のされ方
<B>こんにちは</B>	こんにちは
<B>はじめまして</B>	はじめまして
<B>またねー(^.^)/~~~</B>	またねー(^.^)/~~~

発言欄への入力例	ログの表示のされ方
<I>こんにちは</I>	こんにちは
<I>はじめまして</I>	はじめまして
<I>またねー(^.^)/~~~</I>	またねー(^.^)/~~~

発言欄への入力例	ログの表示のされ方
<U>こんにちは</U>	こんにちは
<U>はじめまして</U>	はじめまして
<U>またねー(^.^)/~~~</U>	またねー(^.^)/~~~

発言欄への入力例	ログの表示のされ方
<S>こんにちは</S>	~~こんにちは~~
<S>はじめまして</S>	~~はじめまして~~
<S>またねー(^.^)/~~~</S>	~~またねー(^.^)/~~~~~

発言欄への入力例	ログの表示のされ方
<CENTER>こんにちは</CENTER>	こんにちは
<CENTER>v(^^)v</CENTER>	v(^^)v

発言欄への入力例	ログの表示のされ方
こ<BR>ん<BR>に<BR>ち<BR>は	こんにちは
<BR>（)　（) <BR>（°＊°）	（)　（) （°＊°）

発言欄への入力例	ログの表示のされ方
<B><U>こんにちは</U></B><I><S>おはつ</S></I>	こんにちは~~おはつ~~
<I><S><Font Size="6" Color="Red">おはつ</Font></S></I>	~~おはつ~~
<B><I><U><Font Size="6" Color="Fuchsia">こんにちは</Font></U></I></B>	*こんにちは*
<B><I><Font Size="6" Color="Green">またねー(^.^)/~~~</Font></I></B>	*またねー(^.^)/~~~*

発言欄への入力例	ログの表示のされ方
<font face="symbol" color="black" size=6>ｧ</font>	ｧ
<font face="symbol" color="red" size=6>ｩ</font>	ｩ
<font face="symbol" color="red" size=6>ｨ</font>	ｨ
<font face="symbol" color="black" size=6>ｪ</font>	ｪ