ホームページを作る ホームページ(フレーム画面/htm)参照
説明 |
htm文 |
表示 |
約束事として、枠組みの定義をします。 決り文句<html></html>を一番外側に書く。 間に<head></head>、<body></body>と右のように差し込む。 タイトルを<title>xxxxx</title>のように記入して、<head>と</head>の内側にいれる。 これだけでは何も表示されません。 |
<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="数字" 画像の大きさの目途
|
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での保存を忘れちゃいけないっと!!! どんな風に見えるか、保存後、ダブルクリック。 |