 |
||||||||||||
|
||||||||||||
 |
||||||||||||
|
ホームページを作ろう＞サンプルを作ってみよう２
|
|||||||||||
|
||||||||||||
|
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML> |
これがHTML を記入する上での基本構造ですね。それぞれのタグの意味については、後ほど解説いたします。まずは、どのように、ホームページを作っていくのか、流れを把握しましょう。 |
2. 文字の記入
次に、本文を書いていきましょう。<BODY>〜</BODY>の間に、文字を記入してみてください。ここでは、「こんにちは。これはHTMLの練習です。」と記入してみましょう。
  |
3. 改行の挿入記入した文字列に、「こんにちは。」の部分で改行を入れましょう。「こんにちは。」の後ろに、<BR> という記号を入れてください。
そして、「HTMLの練習」の文字サイズを一つ大きくし、色を赤にしてみましょう。HTML は以下のようになります。「これはHTMLの練習」という文字を、<FONT SIZE="+1" COLOR="FF0000"> と </FONT> という記号で囲みます。
 |
もし、上の画像でわかりにくい方がおられましたら、以下の文字をコピーしてお使いください。
|
4. ファイルの保存
では、このファイルを保存して、ブラウザーで確認してみましょう。メニューの「ファイル」から「保存」を選択し、ファイル名を「test.html」と記述し、わかりやすい場所 (デスクトップなど) に保存してください。
再度、この「test.html」をメモ帳で編集する場合、基本的に、「メモ帳」の「開く」から開くことの出来るファイルは、「テキス ト形式のファイル」だけなので、「HTML形式のファイル」を開くことは出来ません。が、「開く」ときのファイル選択画面で、「テキスト文書」と書いてあ るプルダウンメニューから「全てのファイル」を選択すれば、「HTML ファイ ル」も開くことが出来るようになります。または、メモ帳にファイルをドラッ グ & ドロップしても開くことができま。
 |
5. ブラウザーで確認ブラウザーを起動します。ブラウザーを起動できましたら、ブラウザーのメニューの「ファイル」の中の「(ファイルを) 開く」を選択し、
 |
「参照」を押し、
 |
先ほど保存した「test.html」を選択してください。
 |
ブラウザーに文字列が以下のように表示されているでしょうか? もし、問題がありましたら文字などの打ち間違い等がないか、チェックしてみてください。
 |
6. まとめ
だいたい以上のような感じでHTMLを書きこんでいきます。あとは、リンクを張ったり、画像を貼ったりすれば、良いホームページが出来上がっていきます。しかし、それには、HTMLについてもっと勉強しなくてはなりません。
ホームページとは｜ホームページの構造｜HTMLとは
ホームページを作ろう｜ソフトウェア・素材の用意｜サンプルを作ってみよう １｜サンプルを作ってみよう 2
タグについて｜基本構造｜文字を装飾｜レイアウト・表組み｜背景・画像を貼り付ける｜リンクを張る・禁則文字