実際にページを作成してみよう２さっき作成したページに手を加えていきましょう。 『index.html』のファイルを編集、又は、右クリック→アプリケーションから開く→Notepadで、 メモ帳から開いて下さい。 開いたら、内容を次の内容に変更してみてください。 <HTML> <HEAD> <TITLE>ようこそマイホームページへ</TITLE> </HEAD> <BODY bgcolor=orange text=black link=blue alink=yellow vlink=red> <h1>ようこそマイホームページへ</h1><BR> <a href=profile.html>プロフィール</a><BR> <a href=diary.html>日記</a><BR> <BODY> </HTML> このように、変更したら保存して開いてみてください。 これのように表示されるはずです。 <BODY>の部分の説明をします。
リンクを貼るタグの説明をします。 このタグはホームページを作る上で必須です。 <a href=リンク先>リンクを貼りたい文字</a> このタグでリンクを貼ることができます。 LINK(リンク)とは、英語で『つなぐ』とかそういう意味合いです。 今の状態では、『profile.html』と『diary.html』というファイルがないので、 これのようにリンクされないはずです。 『index.html』を例に２つのファイルも同じフォルダ内に作ってみてください。 そうすると、リンク先がちゃんと表示されるはずです。 これができたら、ホームページ作成の基礎の基礎は完璧です。 最初は、このテンプレートをコピー＆ペーストして使うとよいですよ。 修正するところを修正するだけで、HTMLのテンプレートが作れます。 これを元に、自分なりのテンプレートを作っておくと、新ページ作成が楽になります。 あとは、いろいろなタグを覚えて使いこなせるようになるだけです。 タグ辞典の方を参考にしてくれればうれしいです。 さて、今のままでは、自分のPCの中にHTMLファイルがあるだけで 残念ながら、ホームページとは呼べませんよね。 今度は、ホームページを載せるためのサーバスペースを借りましょう。 次のステップへ進む |