ゼロから始めるHP作り2


4. 初歩的なホームページを作ってみる (正規編)
  HTMLタグのことが分かったので、少し飾りつけをしたホームページにしてみましょう。

  では、文字に色を付けて見ましょう。
  文字の装飾は<font>タグで表し、色をRGBで表すときは R G B の順で各色の輝度を表記します。
「#ffffff」が白、「#000000」が黒、「#ff0000」が赤、「#00ff00」が緑、「#0000ff」が青、になります。
テキストファイル ブラウザの表示画面
<html><head>
  <title>ホームページの練習</title>
</head>
<body>
  私の初めての<font color="#ff0000"> ホームページ</font>です。
</body></html>
 ホームページの練習 - Microsoft・・・・
File Edit  View fAvorite Tool Help 
 私の初めてのホームページです。
 
 
 文字を太字にするには、<b>を、文字サイズを変えるには、<font size="n"> を使います。n は、1〜7 の数値を記入します。やってみましょう。
テキストファイル ブラウザの表示画面
<html><head>
  <title>ホームページの練習</title>
</head><body>
  私の<b>初めての</b><br>
  <font color="#ff0000" size="6"> ホームページ</font>です。
</body></html>
 ホームページの練習 - Microsoft・・・・
File Edit  View fAvorite Tool Help 
 私の初めての
 ホームページです。
 大分飾りが付いて来ましたね。ここでちょっと勉強です。

  上の例のように、複数の属性を指定したい時は、ひとつ以上のスペースまたはタブまたは改行のあとに もうひとつの属性を記述します。順番は関係ありません。

  タグの開始と終了は、他の開始〜終了タグの完全に外側か、完全に内側に無くてはなりません。 例えば、<s>〜</s>タグ(打ち消し線)と、<b>〜</b>タグを記述する場合、次のようになります。
  【正】 <s>〜<b>〜</b>〜</s> ← 完全に外側
  【誤】 <b>〜<s>〜</b>〜</s> ← 終了タグ(</b> )のみを挟んでいる

  <font color="#ff0000"> の color="#ff0000"「属性」と呼び、 この属性を伴うものがあります。
  属性名の前には必ず、ひとつ以上の半角スペースか、タブ文字か、改行をいれます。
また属性値には、小文字で書かなければいけないものがあります。(target="_top"など)
  【誤】 <a href="xx.html" target="_TOP">〜</a>

 属性の値に半角の英数字以外の文字を使用する場合は、ダブルクォーテーション( " ) またはシングルクォーテーション( ' )で囲むようにしましょう。(正確に言うと、半角英数字以外にも、ハイフン(-)、 ピリオド(.)など一部の記号はクォーテーションで囲まなくても良いのですが、最初の内は「記号はクォーテーションで囲む」 とおぼえておいた方が無難でしょう。)
  【正】 <font size='+2'>〜</font>
  【誤】 <font size=+2>〜</font>

  また、ダブルクォーテーション( " )の中ではシングルクォーテーション( ' )を、シングルクォーテーション( ' ) の中ではダブルクォーテーション( " )を用いることができます。
  【正】 <input type=button onclick="alert('XXX')">
  【誤】 <input type=button onclick="alert("XXX")"> ← "alert(" 及び ")" と解釈される

  どうしても両方を使用したい場合は、ダブルクォーテーションの代わりに&quot; を指定します。
   <input type=button onclick="alert(&quot;X'X&quot;)">

  前へ  次へ


  TopHP作りTopHPの仕組基本タグ/ 作成フローゼロ1/ ゼロ2/ ゼロ3/ ゼロ4HTMLの初歩/ 演習手軽に作る