文字サイズ・文字色・フォントの書式変更

100万ポイント山分け！1日5回検索で1ポイントもらえる

740051

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

HTMLタグのページ 　　文字サイズ・文字色・フォント書式

まず、文字サイズに入る前に属性のお話し

属性とは

　HTMLタグには、しばしば 属性（アトリビュート）が付いています。
属性とはより細かくタグの効果を指定したり、具体的な指示を付け加えることを命令するタグのことです。

属性は、多くの場合に属性値を指定する必要があります。
この属性値は基本的に ""(ダブルクォーテーション） で囲みます。
ただし英数字だけの場合や、一定の記号（　_　とか　-　）を使用した場合はダブルクォーテ－ションを省略できます。
(しかし基本的にはすべての属性を囲んでおく、と覚えていた方が後で作業がやりやすかったりします＾＾）

なお、属性と属性値は =（イコール） でつなぎます。

この中に文章を入れる

colorの部分が属性といわれるところです。
#000000が属性値です。

このタグの意味は、『文字の色を#000000（黒）にします』　という命令になります。

見てお分かりの通り属性をつける場合は、 直前に必ず半角のスペースを入れます。

この中に文章を入れる

上のように、一つのタグの中に 複数の属性をつけることも出来ます。

文字サイズ

すでに上記で出てきましたが、文字のサイズを指定するには～タグを使用します。

フォントタグのサイズの指定範囲は１～７（-3～+3でも表示できます）です

～

1
2
3
4
5
6
7

ブラウザにサイズ順に表示させるとこんな感じの大きさになります。

1 2 3 4 5 6 7

フォントサイズを一括で指定するには< BaseFONTsize="●●">を使用します。
このタグに閉じタグ</BaseFONT>はいりませんので注意してください。
このタグ以降は全て同じ文字サイズとなりますが、テーブルの中の文字サイズには影響しません。

<BASEFONT size="2">この後に、文章を入れていきます

例

<html>
<head>
<title>練習</title>
</head>
<body>
<BASEFONT size="2"> この下にテーブルを作ります
 
<table width="120" border="1"><tr> <td>
 ここの範囲がテーブルです。文字サイズを５に指定しました。 
</td></tr></table>
 
テーブルの後ろに文章を続けるとまたサイズは２に戻っています。
</body>
</html>

ブラウザで表示すると

この下にテーブルを作ります

ここの範囲がテーブルです。文字サイズは５に指定しました。

テーブルの後ろに文章を続けるとまたサイズは２に戻っています。

文字色

　文字に色をつける場合の属性も上記ですでに書いてありますが、属性は color で現します

Blue

Red

ブラウザで確認

Blue

Red

*　文字のカラーはWindowsやMacintoshなどのプラットフォームでそれぞれ指定されていますが、
256色のシステムカラーパレットチャートのうち共通しているのは216色です。
この216色を使うことで異なるOS環境であっても色化けを生じさせることなく表示させることが出来ます。

⇒　 IE・NN　共通のカラー２１６色一覧

文字スタイル