はい、今回は前回に引き続き
HTMLについてです。

(前回の記事を見ていない方はこちらまで→ http://shodaikaryu.blog.jp/archives/4018576.html

前回は、HTMLの基本をしましたね?
<html>〜</html>
etc…。

今回お教え致しますのは、
背景・文字の色文字の大きさなどをメインにやっていきます。
それでは早速やって行きましょう。

まず、色を変えるには大きく分けてやり方が2種あります。

<font color="red">
<font color="#ff0000>
です。それでは解説(´口`)↓︎↓︎


①まずは、色の指定で英語表記で指定する方法です。この方法だと細かくはできませが大雑把な色合いの場合
orangeやblue、yellowと言ったもので安易に使えますね!

②こちらは、どんな環境下でも変わらない色を使えて、細かく調節出来るものになります。
詳しいcolor表は(´口`)↓︎↓︎

これを打ち込むことによって色は変わります。
それでは変えてみましょう。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>初代歌龍ホームページ</title>
<body>
<h1><center><font color="red""#ff0000"><u>karyu'sHP</u> </font>
</body>
</head>
</html>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

になりますね。あ、紫の所はどちらか片方でおけー!
これが、色の変え方(文字)です!
次は背景変えましょう。

背景も色の指定は同じで、タグが違うだけです。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<body bgcolor="〇〇〇〇">
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
です。配置場所は
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<html>
<head>
<body bgcolor="blue">
<body bgcolor="〇〇〇〇">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>初代歌龍のホームページ</title>
<body>
<h1><center><font color="red"size="7"><u>karyu'sHP</u></font></center>
</body>
</head>
</html>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
ここです。これで背景が変わりましたね?
できましたね。
それでは、次は文字の大きさを変えましょう。簡単ですよ?sizeを書けば終わりです!たとえば
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<font size="1~7">〇〇</font>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
これで、終わりです。
1が一番小さく、7が一番大きいです。
(デフォルトは4)
で、もしも文字色とsizeを両方変えたい場合は
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<font color="〇〇"size="1~7">〇〇</font>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
これで一気に指定できます。
それでは、今日した事をまとめて書いてみましょう。



ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<html>
<head>
<body bgcolor="ffccff">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>初代歌龍のホームページ</title>
<body>
<h1><center><font color="red"size="7"><u>karyu'sHP</u></font></center><br>
<h2><center><font color="red"size="4">プロフィール</font></center>
</body>
</head>
</html>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
こんな所でしょうか。
(おまけで赤字は改行です。)

まぁそんか難しいことはしていませんね?w
次回は…
画像の貼り付け、セルの出し方
をやります!(多分)
それでは、また!



なにか分からないことがありましたら…
コメントするか


Twitter for 歌龍 



までお願いします。