ホームページを作る  ホームページ(フレーム画面/htm)参照

説明

htm文

表示

約束事として、枠組みの定義をします。
決り文句<html></html>を一番外側に書く。
間に<head></head>、<body></body>と右のように差し込む。
タイトルを<title>xxxxx</title>のように記入して、<head>と</head>の内側にいれる。

これだけでは何も表示されません。
これから、<body>と</body>の間にホームページの内容を記述してゆくことになります。
<! xxxxx>でコメントを入れられます。

<html>
<head>
<title>ホームページ</title>
</head>
<body>

<!-- コメント ホームページの内容が入ります-->


</body>
</html>
 
ページの設定 <body>に指定を書き加える。

背景色はbgcolor="
色番号"で指示
 (何も指定しないと白)
文字色はtext="色番号"で指示
 (何も指定しないと黒)
上余白はtopmargin="数字"で指示
ベージュの背景、黒文字の時
<body bgcolor="#FFECCC" topmargin="3">

薄い灰色の背景、青文字の時

<body bgcolor="#D4D4D4" text="#0000FF"
topmargin="5">
 
見出し文字を入れる
<body>の下に<h3>xxxxx</h3>と入れる。
数字は1から6まで使えて、1が一番大きく表示され、順に小さくなっていきます。でも全て太字です。
<title>xxxxx</title>といれても、<head>と</head>のあいだにあるので、何も出てきません。これはhtmが使うページの名前のようです。
<html>
<head>
<title>ホームページ</title>
</head>
<body bgcolor="#FFECCC" topmargin="3">
<h3>私の一日</h3>
</body>
</html>

私の一日

 

 

文字列を入れる

新しく文章を始める時は<p>xxxxx</p>のように前後を<p>と</p>で囲みます。
続けて入れる文章を段落といい、段落の終わりは一行空いて、次の段落が始まります。

次の行への改行は、<br>を入れます。


html>
<head>
<title>ホームページ</title>
</head>
<body bgcolor="#FFECCC" topmargin="3">
<h3>私の一日</h3>
<p>わたしは文鳥の「ブンちゃん」です。<br>
     私のホームページへようこそ!</p>
<p>私の自己紹介をします。</p>

</body>
</html>
私の一日

わたしは文鳥の「ブンちゃん」です。
私のホームページへようこそ!

私の自己紹介をします。

画像を貼付ける
<p><img  src="画像ファイル名"><
/p>と指定する。
今作成しているページのhtmファイルのあるフォールダに画像ファイルも並んで保管されている必要がある。同じでないときは、位置関係に応じて、
 フォールダ名/画像ファイル名
などと指定する。

横寸法指定は
width="数字"
寸法指定は height="数字"

画像の大きさの目途
 横幅が画面一杯の時 720
 横幅が画面半分の時 360
 横幅が画面四半分の時 180


html>
<head>
<title>ホームページ</title>
</head>
<body>
<body bgcolor="#FFECCC" topmargin="3">
<h3>私の一日</h3>
<p>わたしは文鳥の「ブンちゃん」です。<br>
     私のホームページへようこそ!</p>
<p>私の自己紹介をします。</p>
<
p>
<img  src="IX_1.JPG"
 width="393" height="298">
</p>

</body>
</html>




私の一日

わたしは文鳥の「ブンちゃん」です。
私のホームページへようこそ!

私の自己紹介をします。

<p></p>で囲んでゆけばいいんだ。エンターと押すかわりだと思えばいいんだ。これでリンクを除いて、ホームページ完成です。htmでの保存を忘れちゃいけないっと!!!  どんな風に見えるか、保存後、ダブルクリック。