がっちゃんのProject-Q

大魔神塾　文字編

大魔神塾のタグを全て半角表示にしました！（そのままコピペOK）

文字のサイズを変更したい
<font size="数値">サイズを変えたい文字</font>

数値＝１　 サイズを変えたい文字

数値＝２　 サイズを変えたい文字

数値＝３　 サイズを変えたい文字

数値＝４　 サイズを変えたい文字

数値＝５　 サイズを変えたい文字

数値＝６　 サイズを変えたい文字

数値＝７　 サイズを変えたい文字

文字の書体（フォント）を変更したい
<font face="書体">ここに文章</font>

使用するパソコンにフォントがインストールされていないと表示しません、ご注意下さい。
「コントロールパネル」→「フォント」フォルダを開いてご確認ください。


CPコーパス勘亭流 　　<font face="CPコーパス勘亭流">ここに文章</font>

あいうえおアイウエオ大魔神塾


CPPコーパス勘亭流 　　<font face="CPPコーパス勘亭流">ここに文章</font>

あいうえおアイウエオ大魔神塾


CPコーパス行書体 　　<font face="CPコーパス行書体">ここに文章</font>

あいうえおアイウエオ大魔神塾ABCDE12345


CPPコーパス行書体 　　<font face="CPPコーパス行書体">ここに文章</font>

あいうえおアイウエオ大魔神塾ABCDE12345


CPコーパス毛筆楷書体 　　<font face="CPコーパス毛筆楷書体">ここに文章</font>

あいうえおアイウエオ大魔神塾ABCDE12345


CPPコーパス毛筆楷書体 　　<font face="CPPコーパス毛筆楷書体">ここに文章</font>

あいうえおアイウエオ大魔神塾ABCDE12345


Comic Sans MS 　　<font face="Comic Sans MS">ここに文章</font>

ABCDEabcde12345

文字に色を付けたい
<font color="色指定">色を付けたい文字</font>

色指定＝blue　 色を付けたい文字 　　　<font color="blue">色を付けたい文字</font>

色指定＝yellow　 色を付けたい文字 　<font color="yellow">色を付けたい文字</font>

色指定＝red　 色を付けたい文字 　　　　<font color="red">色を付けたい文字</font>

色指定＝green　 色を付けたい文字 　　<font color="green">色を付けたい文字</font>

色見本はこちらから→ カラーガイド

(＾o＾)／ こんなことも出来るよ♪

例えば、<font size="6" color="blue">変えたい文字</font>と入力すると、

変えたい文字 と表示されるのだ。

文字に背景色をつけたい
<font style="background:色指定;">文字に背景色をつける</font>

文字に背景色を付ける

文字に背景色を付ける

色見本はこちらから→ カラーガイド


(＾o＾)／ こんなことも出来るよ♪

文字の周囲に「余白」をつけることもできます。padding を追記しましょう。

余白をつける 　　<font style="background:pink;padding:4px;">余白をつける</font>

4pxの部分は、「4ピクセルで余白をつける」という意味です。

余白をつける 　　<font style="background:pink;padding:8px;">余白をつける</font>

8pxの部分は、「8ピクセルで余白をつける」という意味です。
数値を変えて試してください。

文字に枠をつけたい
<font style="border-style:枠のスタイル;">文字に枠をつける</font>

枠のスタイル　solid	枠のスタイル　double	枠のスタイル　dotted	枠のスタイル　dashed
枠のスタイル　ridge	枠のスタイル　groove	枠のスタイル　inset	枠のスタイル　outset

(＾o＾)／ こんなことも出来るよ♪


背景色 　　<font style="border-style:outset; background:pink; ">


余白 　　<font style="border-style:outset;background:pink; padding:6px; ">


枠の太さ 　　<font style="border-style:outset;background:pink;padding:4px; border-width:6px; ">


枠の色 　　<font style="border-style:outset;background:pink;padding:4px;border-width:5px; border-color:red; ">

文字や画像をセンター表示したい
<center>センター表示させたい文字や画像アドレス</center>

何もしなければ文字や画像は左端に表示されます。
<center>センター表示させたい文字</center>と入力すれば中央表示されます。

画像表示もこれで行います。<center><img src="画像のアドレス"></center>

センター表示させたい文字

文字を太字にしたい
<b>太字にしたい文字</b>

<b>太字にしたい文字</b>と入力すると、

太字にしたい文字 と表示されるのだ。

(＾o＾)／ こんなことも出来るよ♪

<b><font size="6" color="blue">変えたい文字</font></b>と入力すると、

変えたい文字 となり、色付き・太字・デカ字で表示されるのだ。

文字にアンダーラインを付けたい
<u>アンダーラインを付けたい文字</u>

<u>アンダーラインを付けたい文字</u>と入力すると、

アンダーラインを付けたい文字 と表示されるのだ。

ちなみに、クリックしても飛びません。

文字を斜体にしたい
<i>斜体にしたい文字</i>

<i>斜体にしたい文字</i>と入力すると、

斜体にしたい文字 　と表示されるのだ。

文字に取り消し線を付けたい
<s>取り消し線を付けたい文字</s>

<s>取り消し線を付けたい文字</s>と入力すると、

取り消し線を付けたい文字 と表示されるのだ。

まあ、この辺までは猿でも判る。