文字飾りとレイアウト

テキストや背景に色をつける
基本の文字サイズ
文字サイズ
文字飾り
文字のスクロール

(1)テキストや背景に色をつける
次のように書き込むことによって、全体のテキストの色や背景の色を指定できます。
色は、１６進法による指定と色名による指定の２通りがあります。
<body text=色名 gbcolor=色名>
<body text=#rrggbb gbcolor=#rrggbb>
rr,gg,bbの部分には、１～９までの数字とA～Fまでのアルファベットを入力します。微妙な設定が可能です。

text=色名	テキストの色を指定します。
link=色名	リンク部分の色を指定します。
vlink=色名	１度読み込んだリンク先のテキストの色を指定します。
alink=色名	読み込み中のリンク先のテキストの色を指定します。
bgcolor=色名	背景の色を指定します。
background="ファイル名"	背景に貼り付ける画像を指定します。

色名の１部を書いてみました。

black	blue	blown	coral	cyan	gold
gray	green	hotpink	indigo	khaki	lime
orange	pink	plum	purple	red	salmon
silver	skyblue	tan	tomato	white	yellow

(2)文字の基本サイズ
文字の基本となるフォントサイズを指定します。テキストの先頭に表示します。
<basefont size=サイズ>
また、このサイズを基本としてフォントサイズを指定することもできます。

(3)文字サイズ
フォントのサイズには、１～７までがあります。

ソースプログラム

size=1 赤色 
size=2 緑色 
size=3 青色 
size=4 トマト色 
size=5 ライム色 
size=6 シアン色 
size=7 黒色 

画面表示

size=1 赤色
size=2 緑色
size=3 青色
size=4 トマト色
size=5 ライム色
size=6 シアン色
size=7 黒色

ソースプログラム
<font size=1 color=red>size=1 赤色</font><br> <font size=2 color=green>size=2 緑色</font><br> <font size=3 color=blue>size=3 青色</font><br> <font size=4 color=tomato>size=4 トマト色</font><br> <font size=5 color=lime>size=5 ライム色</font><br> <font size=6 color=cyan>size=6 シアン色</font><br> <font size=7 color=black>size=7 黒色</font><br>
画面表示
size=1 赤色 size=2 緑色 size=3 青色 size=4 トマト色 size=5 ライム色 size=6 シアン色 size=7 黒色

(4)文字飾り
斜体や太文字などで文字を飾ることが出来ます。

ソースプログラム画面表示

斜体
太文字
強調文字
下線付き
<s>抹消線</s>
<tt>等幅</tt>
上付き文字:X2
下付き文字:H2O
強い強調
<cite>引用</cite>
<kbd>キーボード入力</kbd>
<var>変数</var>
<dfn>定義</dfn>
<code>CODE</code>
<samp>サンプル</samp>
斜体
太文字
強調文字
下線付き
~~抹消線~~
等幅
上付き文字：X²
下付き文字：H₂O
強い強調
引用
キーボード入力
変数
定義
CODE
サンプル

ソースプログラム	画面表示
<i>斜体</i> <b>太文字</b> <em>強調文字</em> <u>下線付き</u> <s>抹消線</s> <tt>等幅</tt> 上付き文字:X<sup>2</sup> 下付き文字:H<sub>2</sub>O <strong>強い強調</strong> <cite>引用</cite> <kbd>キーボード入力</kbd> <var>変数</var> <dfn>定義</dfn> <code>CODE</code> <samp>サンプル</samp>	斜体太文字強調文字下線付き ~~抹消線~~ `等幅` 上付き文字：X² 下付き文字：H₂O 強い強調引用 `キーボード入力` `変数` 定義 `CODE` `サンプル`

(5)文字のスクロール
流れる文字を表示することができます。スクロールしたい文字を次のタグではさみます。
<marquee>～</marquee>
さらに、次のタグで、設定をすることが出来ます。

ソースプログラム画面表示

behavior="alternate" 文字が左右を行き来します。

behavior="scroll" 画面外へ流れていきます。

behavior="slide" 画面の端で停止します。

direction="left" 左へ流れていきます。

direction="right" 右へ流れていきます。

scrollamount="ドット数" １回で移動する距離（ドット数）を指定します。

sclolldelay="速度" 移動速度を指定します。単位は[ms]です。

loop="回数" 流れる回数を指定します。

width="幅" 幅をドット数で指定します。

height="高さ" 高さをドット数で指定します。

hspace="幅" 左右の空白をドット数で指定します。

vspace="高さ" 上下の空白をドット数で指定します。

bgcolor="色名" 背景の色を指定します。

ソースプログラム表示画面

<marquee bgcolor=skyblue behavior="alternate"> ようこそ！</marquee> ようこそ！

ソースプログラム	画面表示
behavior="alternate"	文字が左右を行き来します。
behavior="scroll"	画面外へ流れていきます。
behavior="slide"	画面の端で停止します。
direction="left"	左へ流れていきます。
direction="right"	右へ流れていきます。
scrollamount="ドット数"	１回で移動する距離（ドット数）を指定します。
sclolldelay="速度"	移動速度を指定します。単位は[ms]です。
loop="回数"	流れる回数を指定します。
width="幅"	幅をドット数で指定します。
height="高さ"	高さをドット数で指定します。
hspace="幅"	左右の空白をドット数で指定します。
vspace="高さ"	上下の空白をドット数で指定します。
bgcolor="色名"	背景の色を指定します。
ソースプログラム	表示画面
<marquee bgcolor=skyblue behavior="alternate"> ようこそ！</marquee>	ようこそ！