- まずは図１を真似て書いてみよう。(タグは必ず半角英数字で入力)
- タグの基本を勉強!!
タグには基本的に「開始タグ」と呼ばれるものと「終了タグ」 と言うものによって命令を受け表示します。
例)<html>とは・・「この文書はHTML文書です。ここから開始します。」という意味になります。
開始タグ・・<html><body>など
終了タグ・・</html></body>など
<body>とは・・「表示される文章」を書く場所です。
同じように
</html>とは・・「このHTML文書はここで終了します。」という意味になります。
これが基本となり文書を作成していきます。ルールがあるのでそれに則り書き込んでいきます。
<head></head>タグ・・文書の情報を表します。
<title></title>で囲まれた部分・・タイトルを入れます。
図２左上の赤マル部分に表示されます。
同じように
<body></body>の間に表示したい文書を作成します。
bodyタグの間に記入した文書が表示されます。
- ファイルを保存しよう
- 保存方法
「ファイル」→「名前をつけて保存」→ ファイル名の部分にお好きなタイトルを入れます。(必ず半角英数字で入力)
今回は「rensyu.html」と入力してください。 またファイルの保存先は始めに作ったホームページ用フォルダ にするのを忘れずに!!
- 確認してみましょう
- 編集方法
rensyu.htmlの画面左上の「表示」を左クリック。
その中に「ソース」という項目があるのでまた左クリック。
「resyu.html−メモ帳」が開かれます。
(中身は先ほど入力した文書が表示されています) - ファイル名は半角英数字で入力しましたか?
- タグは半角英数字で入力しましたか?
- 入力した文字に間違いはありませんか?
ここまでできたらこの文書を保存します。
作ったrensyu.htmlファイルを選択し開いてみよう。 (ファイルをダブルクイックでもOK)
図２
もし正しく表示されない場合はもう一度編集してみよう。
チェック!!
以上の内容をチェックし訂正したらrensyu.html画面左上 「ファイル」→「上書き保存」。 「ファイル」→「メモ帳の終了」を選択。 これで訂正終了です。
うまく表示できたか確認する場合はrensyu.htmlファイルの上部にあるツールバーの更新ボタン
をクリック。
ホームページ作りは編集→確認の繰り返しです。やっているうちに慣れてきますので どんどんチャレンジしてください(^o^)v
簡単な説明ですが、これで練習は終了です。
あとはbodyタグ内に表示したい文書を入力していくだけです。
次はタグの紹介です。
「文字を大きく」「背景を変える」など細かい設定を行います。
頑張っていい物を作り上げてください(^o^)v
