文字修飾とか
----------------------------------------

全体の色

では色でもつけましょうか。index.htmlをメモ帳で開き、下の太字の部分を追加しましょう。

<html>
<head>
<title>ホームページ</title>
</head>
<body bgcolor="black" text="white">
ホームページを作ったのだよ。
</body>
</html>

ここでタグ説明まぁ、タグっていうか属性なんですが。

bgcolor="色"
ページ全体の背景色です。ここではblack(黒)ですが、何色でもかまいません。

text="色"
ページ全体の文字色です。ここではwhite(白)ですが、何色でもかまいません。

ここからはこのようにタグ(<〜>)の中に記述するものを属性と呼ぶことにします。

色については色の名前を指定する方法と、16進数で指定する方法があります。カラーまにあを参考にして下さい。

さて、できたら保存しましょう。一度名前を付けていれば[ファイル-上書き保存]で保存できます。
保存したらブラウザで開いてみましょう。すでに開いている場合は[更新]もしくは[再読み込み]などをクリックすれば良いです。

ホームページを作ったのだよ。

こんな感じになってれば良いかもしれません。

じゃあ部分的な修飾

<html>
<head>
<title>ホームページ</title>
</head>
<body>
<font color="red">ホームページ</font><font size="5">作った</font>のだよ。
</body>
</html>

ここでタグ説明

<font></font>
文字列の色、サイズ、書体などを指定するタグです。必ず閉じましょう。

color="色"
fontタグの属性で、文字の色を指定します。

size="サイズ"
fontタグの属性で、文字の大きさを指定します。1(最少)〜7(最大)が指定できます。

色については色の名前を指定する方法と、16進数で指定する方法があります。カラーまにあを参考にして下さい。

色とサイズを同時に指定する場合は<font color="色" size="サイズ">〜</font>のようにすれば良いです。

では上書き保存してブラウザで見てみましょう。

ホームページ作ったのだよ。

フゥ。できたでしょうか。

強調、斜体、打ち消し、下線、上付、下付。

一気にやるよ。

<html>
<head>
<title>ホームページ</title>
</head>
<body>
<b>ホーム</b><i>ページ</i><s>を</s><u>作っ</u><sup>たの</sup><sub>だよ</sub>。
</body>
</html>

じゃあ説明

<b>〜</b>
文字列を強調します。

<i>〜</i>
文字列を斜体にします。

<s>〜</s>
文字列を消します。

<u>〜</u>
文字列に下線を引きます。

<sup>〜</sup>
文字列を上付文字にします。文字が一回り小さくなります。

<sub>〜</sub>
文字列を下付文字にします。文字が一回り小さくなります。

ホームページ作ったのだよ

なんか。まあいいか。じゃあ次。


Back-Top-Next