基礎知識 | アジアンshop ANAK(ｱﾅｯｸ）de＊通販生活

基礎知識＜テーブル（表）に関するタグ＞

●表をつくる

セル１

セル２

セル３

表を作るには、「table」タグを使います。

<TABLE border> <TR> <TD> セル１</TD> <TD> セル２</TD> <TD> セル３</TD> </TR> </TABLE>

●２段の表をつくる

セル１	セル２	セル３
セル４	セル５	セル６

「TR」タグと「TD」タグの違い。「table」タグをひとつの枠とすると、その枠を上下に分割していくのが「TR」タグで、その分割したものをさらに左右に分割するものが「TD」タグです。「TD」タグは「TR」タグではさまなければまりません。ようするに下のようになるわけです。

<TABLE border> <TR> <TD> セル１</TD> <TD> セル２</TD> <TD> セル３</TD> </TR> <TR> <TD> セル４</TD> <TD> セル５</TD> <TD> セル６</TD> </TR> </TABLE>

●表の周りに色をつける

セル１

セル２

セル３

周りの色は自由に変更できます。「bordercolor= hotpink 」←赤のところに好きな色を入れるだけっ！

<TABLE border=1 bordercolor=hotpink> <TR> <TD> セル１</TD> <TD> セル２</TD> <TD> セル３</TD> </TR> </TABLE>

●表の中に色をつける（全部）

セル１

セル２

セル３

色は自由に変更できます。「bgcolor= hotpink 」←赤のところに好きな色を入れるだけっ！

<TABLE border=1 bgcolor=hotpink> <TR> <TD> セル１</TD> <TD> セル２</TD> <TD> セル３</TD> </TR> </TABLE>

●表の中に色をつける（分割）

セル１

セル２

セル３

色は自由に変更できます。「bgcolor= hotpink 」←赤のところに好きな色を入れるだけっ！

<TABLE border=1> <TR> <TD bgcolor=hotpink> セル１</TD> <TD bgcolor=yellow> セル２</TD> <TD bgcolor=blue> セル３</TD> </TR> </TABLE>

＜文字に関するタグ＞

種類

タグ

反応

<<ちょこっと説明>>

●太文字

太文字

半角英数で記述してねっ！！
文字を太くしたい場合は「Ｂ」タグを使うんだよ。。。

●大きい文字

<font size="3"> 大きい文字</font>

大きい文字

文字の大きさは自由に変更できるよっ♪font size="3"←ここの数字を大きくすれば字が大きくなるよ。

●小さい文字

<font size="1"> 小さい文字</font>

小さい文字

文字の大きさは自由に変更できるよっ♪font size="1"←ここの数字を小さくすれば字が小さくなるよ。

●字を斜体にする

斜体

半角英数で記述してねっ！！文字を斜体にしたい場合は「Ｉ」タグを使うんだよ。。。

●下線をつける

下線

半角英数で記述してねっ！！文字に下線をつけたい場合は「Ｕ」タグを使うんだよ。。。

●色の変換

赤

文字の色は自由に変更できるよっ♪font color=red"←ここの色を変更すれば好きな文字色になります。「“blue”なら青,“pink”ならピンクなど…　」他に“色の16進数”で表す方法もあります。例えば、青なら「0000FF」とか、ピンクなら「FFC0CB」などです。

●文字にマーカーつけて目立たせよう！

<SPAN STYLE="background:yellow"> 文字にマーカーをつける</SPAN>

文字にマーカーをつける

ここでは、黄色のマーカーにしてみたけど好きな色のマーカーをつけれるよっ♪background: yellow ←ここの色を変更すれば好きなマーカー色になります。

●真中

真中

真中に文字等を寄せる場合に使ってください。

●右寄せ

右寄せ

右に文字等を寄せる場合に使ってください。

●左寄せ

左寄せ

左に文字等を寄せる場合に使ってください。

●斜線

斜線

文字に斜線をつけたい場合は「Ｓ」タグを使うんだよ。。。

１３　

１４　

１５

１６

１３

１４

１５

１６

１３

１４

１５

１６

１７

１８

１９

２０

枠線

種類

size1

size3

size5

solid(実線)

size7

dashed(破線)

size7

dotted(点線)

size7

double(二重線)

size7

groove(溝線)

size7

ridge(谷線)

size7

inset(沈み込み)

size7

outset(盛り上がり)

size7

none(枠線無し)

asian shop anak

＜文字を動かすタグ＞

●右から左へ普通の動き

<marquee> 右から左へ普通の動き</marquee>

右から左へ普通の動き

●左から右への動き

<marquee direction=right> 左から右への動き</marquee>

左から右への動き

　文字を左から右へ動かすタグは「marquee」の後へ「direction=right」をいれます。

●上から下への動き

上から

　文字を上から下へ動かすタグは「marquee」の後へ「direction=down」をいれます。

●下から上への動き

下から

　文字を下から上へ動かすタグは「marquee」の後へ「direction=up」をいれます。

●左右の動き

左右

　文字を左右に動かすタグは「marquee」の後へ「behavior=alternate」をいれます。

●速さ２０の動き

速さ２０

　文字の動く早さは自由に変えれるよっ！marquee scrollamount=20←ここの数字を大きくすれば速く動くし小さくすれば遅くなる。

●速さ５の動き

速さ５

　　●速さ２０の動きの説明と同じここでは、速さ５の動きだよ♪

●文字を流して背景の色もかえる

<marquee bgcolor="#ff0000" style="font-weight : bold;"> ６（ｏ￣Ｏ￣ｏ）∂おっ！＼（ｏ￣ｉｉ￣ｏ）／　は～なから牛乳♪ 　</b> </marquee>

　６（ｏ￣Ｏ￣ｏ）∂おっ！＼（ｏ￣ｉｉ￣ｏ）／　は～なから牛乳♪ 　　

　背景の色と文字の色は自由に変えれるよっ！marquee bgcolor=" #ff000 "←ここの赤の所を変えると背景色が変わる。文字の前に「font color=red」と入れると流れる文字の色が赤になる。なにも入れないと黒の文字だよっ。。。