ホーム
>> ホームページを作る
ホームページを作る
HTMLの基本構造
<HTML>
<HEAD> <TITLE>タイトル</TITLE> </HEAD>
<BODY>
本文
</BODY>
</HTML>
<HTML>〜</HTML>
「このページはHTML言語を使ってますよ」ということをパソコンに認識させるために、
必ず記入します。
HTMLの開始地点を示すのには、「<HTML>」を使い、終了地点には「<
/
HTML>」
を使います。 このようにHTMLタグとは、どういうタグであっても
<○○○>で始まり、</○○○>
で終わるというルールがあります。
このルールさえきっちりとおさえることができればあとは、応用していくだけです。
<HEAD>〜</HEAD>
ここでは、HTMLを構成するための情報が入っていきます。
最初のうちは、特に細かな情報は入れなくとも、インターネット上で表示されるので、
ホームページを作ることに慣れてきてから、詳しく調べるといいと思います。
簡単にどういう情報が入っているかというと・・・
どの文字コードを使っているか
どのスタイルシートを呼び出すのか
などといったものが入ります。
<TITLE>〜</TITLE>
ここにホームページのタイトルが入ります。
タイトルに入る言葉は、yahooやgoogleといった検索サイトで
一番重要視されるキーワード
となります。
左の画像のように、ブラウザのタイトルバーに記載されます。
他にも、お気に入り登録された時の保存名や、インターネット閲覧履歴に名前が残ります。
<BODY>〜</BODY>
ここに記入した内容こそが、
ブラウザ画面上に表示されます。
この中で使えるHTMLには、
文字の大きさを変える
文字の色を変える
文字の太さを変える
画像を入れる
背景に色をつける
背景に画像を表示する
表を作る
文字や画像を中央寄せする
文字や画像を左・右寄せする
リンクを貼る
他にも様々なことができます。 右の画像のようにメモ帳で、
HTMLを書くと、その下の画像の
ように表示されます。
最初のうちに最低限覚えておきたい
HTMLタグはこちらから
↓
HTMLの書き方、編集方法
メモ帳などのテキストエディタで作成する
HTML文書を作成するには、メモ帳などのテキストエディタで作成していきます。
手間を考えずに、すぐに作る場合Windowsならば、画面左下の
スタートメニュー
から
プログラム→アクセサリ→メモ帳
の順に開き、メモ帳で作成することが可能です。 おススメするテキストエディタとしましては、
TERA PAD
がおススメです。 実際にテキストエディタでHTMLを書いていきます。
一通り書き込むと、次にHTMLファイルとして保存していきます。
ファイル名を付ける場合、使える文字は
半角英数字
と
記号【-(ハイフン)、_(アンダーバー)、.(ドット)】
のみです。
さらに、トップページを作る場合のファイル名は、
index.html
もしくは、
index.htm
が一般的です。
このようにファイルの種類から「すべてのファイル」を選択し、
「index.html」のように、最後の「html」までを入力して保存します。
ファイル名に使えない文字
漢字やひらがなは使えません。
英数字でも全角文字は使えません。
インターネット上ではこの
index.html
は省略することが可能です。
例えばこのホームページのトップページだと、【http://hp-business.transexist.com/index.html】のところが、
【http://hp-business.transexist.com/】で表示することができます。 もしもファイル名を【test.html】としてしまった場合、そのページを表示させるためには必ず、
【http://hp-business.transexist.com/test.html】
まで指定しなければなりません。
ということで、一般的にトップページは【index.html】、そしてトップページから閲覧できる子ページには、
それぞれ自由な名前をつけるといいでしょう。
▲
トップに戻る