子供と超初心者のためのホームページ作成教室、htmlの基礎から、フリー素材や掲示板チャットなどのCGI解説、javascriptなどの例も

このコーナーは文字のかざり付け方法をならいます。

  1. 見出し文字の大きさを決める
  2. フォントでの文字のサイズの決め方
  3. フォントでの文字の色の決め方
  4. 文字のスタイルを決める
  5. index.htmの色つけ
見出しの文字について
このタグを使った場合、文字は太字で 最後に一行あけて改行されます。 番号は1から6まで、だんだん小さくなります。
<H1>大見出し1</H1>

大見出し1

<H2>大見出し2</H2>

大見出し2

<H6>小見出し6</H6>
小見出し6

フォントの指定 = フォントとは簡単に言えば文字の形式のことです。

サイズの指定
サイズの番号と大きさは1から7まででだんだんと大きくなります。
<FONT SIZE="1">
見出しとは逆になります
</FONT>
見出しとは逆になります
<FONT SIZE="2">
見出しとは逆になります
</FONT>
見出しとは逆になります
<FONT SIZE="7">
見出しとは逆です
</FONT>
見出しとは逆です
色の指定
<FONT COLOR="red">
赤色
</FONT>
赤色
<FONT COLOR="blue">
青色
</FONT>
青色
<FONT COLOR="#FF00FF">
紫色(赤と青の合成)
</FONT>
紫色(赤と青の合成)
<FONT COLOR="red" size="6">
フォントサイズ6の赤
</FONT>
フォントサイズ6の赤
色の種類と決め方には次のコーナーでくわしくかいせつします。
文字のスタイルを決める
<B>太字</B> 太字
<I>イタリック(ななめ文字)</I> イタリック(ななめ文字)
<U>下線引き</U> 下線引き
<FONT COLOR="red"><B><I><U>ななめの太字</U>で書きます</I></B></FONT> ななめの太字で書きます

index.htmの文字をかざってみよう

下をメモ帳にはり付けて、上書き保存するとこんな感じです

  <HTML>

<HEAD>
<TITLE>くみちゃんのホームページ</TITLE>
</HEAD>
<BODY>

<CENTER>

<H1>くみチャンのページにようこそ </H1>

</CENTER>

<HR>
ここは私の作った<FONT COLOR="blue" SIZE="4"><B>
はじめての
</B></FONT>ページです。<BR>
これから一生けんめい勉強して、もっといかしたページを作ります。いろいろ応援してくださいね。


<CENTER>

<P>

このページの内容は下に書いておきますので見てくださいね<P>

<FONT COLOR="#AA55CC">

自己紹介のページ<BR>
私の写真とペット<BR>
わたしのリンク集<BR>
おたよりくださいね

</FONT>

</CENTER>

</BODY>
</HTML>