さっそく簡単なページを作ってみましょう。
メモ帳を開いて、次のようにタイプします。記号は半角で、アルファベットは大文字でも小文字でもかまいません。文はお好みで変更してください。大切なのは、<html>本文</html>のようにミスタイプせずにタグを打つことです。
<HTML>
さっそく簡単なページを作ってみましょう。
たったこれだけでもホームページやん。
</HTML>
上のようにタイプしたら、適当な名前をつけて保存しましょう。たとえばmypage.htm または mypage.html とします。
ここでは、C:ドライブの MyHome というフォルダに mypage01.htm と名前を付けて保存することにします。
保存が済んだら、そのファイルをブラウザで開いてください。
ブラウザで開くには、マイコンピュータを開き、C:ドライブをクリック、MyHomeフォルダをクリック、そして mypage01.htm をダブルクリックします。
文字の大きさはブラウザで調整できます。「表示」「文字の大きさ」で調整してください。文字の大きさが変化するはずです。
タグをきちんと打って保存すれば、たったこれだけでもブラウザで表示できるようになります。
もしきちんと表示されない場合は、タグを打ち間違えているはずです。タグは英語モードでタイプしてください。
＜タグ＞のように日本語モードではブラウザには文字としか解釈されません。
ほんと、これだけなんですが Internet Explorer に文面が表示されました。やた！
＜その２＞ <head><title>タイトル</title></head> タイトルの表示
さきほど作ったページは本文が表示されるだけのものでした。ブラウザの一番上の青いバーの部分にページのタイトルを表示させるように変更を加えましょう。次のようにして、「簡単なページ」というタイトルを付けることにします。
<HTML>
<HEAD><TITLE>簡単なページ</TITLE></HEAD>
さっそく簡単なページを作ってみましょう。
たったこれだけでもホームページやん。
</HTML>
たったこれだけですが、メモ帳でタイプしてから mypage02.htm として保存し、ブラウザで開いてみるとこう表示されます。
さっきの画像とどこが違うか分かりますよね。ブラウザの青いバーの中の文字が違います。「簡単なページ」と出ています。
タイトルが表示されると、もうそれだけでホームページって感じですよね。(^_^)
このタイトルですが、検索エンジンで検索をかけた時、ページのタイトルが表示されます。
