*作ってみよう*

まず手始めに、こんなページを作ってみます、見てみましょう↓

こんなページへGO!!


これくらいなら、簡単にできそうですね(^-^)最初ダシネ
これのHTMLを書いていきますよ。

※「ななたぐのへや」は例なので、あなたのホームページ用に中身を書き換えていってください。

1.HTMLを書く

では、「テキストエディタ」を開いてください！
ん、テキストエディタって、なんだっけ？と思ったら、前のページに戻って確認しましょう。

最初に、半角英字で<HTML>と書いてください。これから書く文書はHTML語だよ、と宣言するのです。

<HTML>

このように、半角英字の<>で囲んだもの(大文字でも小文字でもOK)を「HTMLタグ」といいます。
タグはホームページ上には表示されません。
これから、いろんなタグが出てきますよ。

続いて、<HEAD>と書きます。

<HTML>
  <HEAD>

改行と半角スペースは、ホームページ上に表示されませんので、このようにタグの整形に使って平気です。
※「全角スペース」はそのまま空白として表示されてしまいますので、注意しましょう！

<HEAD>タグの中身は、難しいタグばっかりなので、ここではカンタンな<TITLE>だけ教えます。

<HTML>
  <HEAD>
    <TITLE>ななたぐのへや</TITLE>

<TITLE>の中身は、ブラウザのタイトルバーに表示されます。
この青い部分→
※<TITLE>はこれだけでなく、
「お気に入り」に登録した場合の
ホームページ名となるので、
絶対指定しておきましょう。


さて、今、「</TITLE>」と書きました。
スラッシュが入っています。
このようにタグは、一度命令したら、どこまでがその命令なのかを区切らせるため、スラッシュつきのタグで
「閉じる」ことが必要です
（たまに、閉じなくていいタグもあります）。

<HEAD>の中にはもう書くことはないので、<HEAD>は閉じます。

<HTML>
  <HEAD>
    <TITLE>ななたぐのへや</TITLE>
  </HEAD>

続いて<BODY>と書きます。<BODY>以下が、ホームページとして表示される部分です。

<HTML>
  <HEAD>
    <TITLE>ななたぐのへや</TITLE>
  </HEAD>
  
  <BODY>

いよいよホームページの内容です。
まず、
「真中に大きな文字で『ななたぐのへや』」ですが、
「真中に」は<CENTER>です。
次に「大きな文字で」ですが、大きさは好きなように調節できます。ここでは、<H1>タグにしてみます
（<H1>がもっとも大きく、<H6>がもっとも小さくなります）。

<HTML>
  <HEAD>
    <TITLE>ななたぐのへや</TITLE>
  </HEAD>
  
  <BODY>
      <CENTER><H1>ななたぐのへや</H1></CENTER>

<Hx>は「見出し」タグで、自動でその下に１行空けますので、
「１行空ける」という命令はとくにしません。続けて次を書いていきます。

「『「ななたぐのへや」へようこそ！』改行して『初めてのホームページです。』」です。
「改行」は、<BR>です。<BR>タグは閉じないタグです。

<HTML>
  <HEAD>
    <TITLE>ななたぐのへや</TITLE>
  </HEAD>
  
  <BODY>
      <CENTER><H1>ななたぐのへや</H1></CENTER>
      「ななたぐのへや」へようこそ！<BR>初めてのホームページです。


これで、このホームページの中身はすべて書き終えました。
</BODY>で閉じましょう。
さらに、ホームページとして、もう書くことはないので、</HTML>も閉じておきます。
ひととおり完成です。

<HTML>
  <HEAD>
    <TITLE>ななたぐのへや</TITLE>
      </HEAD>
      
  <BODY>
      <CENTER><H1>ななたぐのへや</H1></CENTER>
      「ななたぐのへや」へようこそ！<BR>初めてのホームページです。
  </BODY>
</HTML>





Copyright (C) 7tag project dv