準備
ホームページを作るには、
専用のソフトで作る方法とメモ帳などのテキストエディタ(文章を書くツール)で作る方法があります。
このサイトではテキストエディタを使って作る方法を紹介します。
この「準備」のページについては既に分かる項目は読み飛ばしてもらって結構です。
では、テキストエディタを開くところから説明していきます。
(1)テキストエディタを開く。(メモ帳を開く。)
画面の左下の「スタート」→「プログラム」→「アクセサリ」→「メモ帳」
![]()
Vector
にいけばいいテキストエディタがたくさんあるので探してみることをお勧めします。
また、[ツール]でも紹介しています。
(2)HTMLであることを宣言
「宣言」というのは「ホームページを作ります」ということ。
難しく考えずにとにかくこれが必要であることを知ってればOKです。
ちなみに<...>を「タグ」といいます。
このように書きます。(大文字、小文字どちらもOK)
HTML宣言
<html></html>
(3)タイトルを決める
これも難しく考えずに次のように書いてください。(タイトルは好きなように)
タイトル
<html><head><title>タイトル</title></head>
</html>
(4)ブラウザに表示する範囲を指定
ホームページ訪問者に見てもらうところを指定します。
これも難しく考えずにとにかく次のように書いてください。
これからは<body>から</body>の間に、(この段階では何も書いていませんが)
見てもらいたい内容を書いていくことになります。
表示範囲を指定
<html><head><title>タイトル</title></head>
<body>
</body>
</html>
(5)保存
とりあえずここで保存します。
必ず以下のようにしなくてもいいのですが初心者の方に分かりやすいようにしてます。
1.フォルダを作成
作ったホームページやそれに使う画像を保存する所(フォルダ)をデスクトップに作ります。
テキストエディタ(メモ帳)を最小化するなりして、デスクトップ(マイコンピュータなどのアイコンがいっぱいある画面)の何も無いところで右クリック。→「新規作成」→「フォルダ」
するとデスクトップに「新しいフォルダ」というフォルダのアイコンがあるはずです。(名前は変えてもいいです。)
2.フォルダに保存
テキストエディタ(メモ帳)に戻って、
「ファイル」→「名前を付けて保存」→
保存する場所を1.で作ったフォルダにします。
ファイル名は***.htmlという名前にしてください。(例:test.html)
これで作ったファルダの中にhtmlファイルができました。
(6)確認
(5)で保存した***.htmlをダブルクリックしてみます。
ブラウザ(Explore)が開けば成功です。
これで準備は終わりです。
ここまではなにも考えず一気に書いてしまえばそれでOKです。
ここで是非覚えておいてほしいことは、
◇上に書いたようなお決まりの形があるということ。
◇<...>をタグということ。
です。
タグはほとんどのものが<...>と</...>のひと組になっていて、それで囲まれた文章や画像にタグの効果が与えられます。以降はこのタグをいろいろと紹介していきます。

