>> HTML講座 >> ホームページを作るための基本 >> 実際にブラウザで見てみよう

ホームページを作るための基本

basic.gif (3042 バイト)

1実際にブラウザで見てみよう
NE3 NE4 NE6 IE3 IE4 IE5 IE6  

とりあえず今作った文書をファイルに保存しておこう。
メモ帳の左上にあるファイルというところを左クリックして、”名前を付けて保存”を選んでね。

そこで、ファイル名のところに”好きな名前.html”と書いて保存ボタンを押そう。(例:test.html ,home.html)
この時、名前の部分は半角英数字で書こう。(○半角英数字:0123abcd、×全角:0123abcdあいうえ)
全角文字(今僕が書いているような大きな文字)で書かないようにね。

ここで出てきた.html.htmでもよい)とは「これはHTML文書ですよ」という印なんだ。
だからこれが無いとコンピューターはこれがHTMLということがわからないからただの文章だと思ってしまうね。
大事なことは名前の後ろに.htmlをつけて「これはHTML文書ですよ」っておしてえあげることだよ。
この後ろの.htmlの部分を拡張子というからね(この名前はいろんな本でも出てくると思うけど、この拡張子を使ってパソコンに今保存するものはどういう種類の物かを教えてあげてるんだ)。
また、保存しておいた場所を覚えておいてね。
あとでファイル(今書いたHTML文)を開く時にどこに置いたかわからないと開けなくなるよ。
2回目からは”上書き保存”を選べば勝手に保存されるからね。(名前を変えたいときは”名前を付けて保存”を選んでね。)

保存の仕方

<ファイル> → <名前を付けて保存>

[Point・・・・・保存する時は必ず後ろに.htmlをつけよう。これはHTML文書ですという印だよ。]

じゃあ、実際に今作った自分のホームページを見るにはどうすればいいんだろう?
インターネットにつながなくても自分の作ったページだけはブラウザで見ることができるんだ。
まず、いつもインターネットをするときに開いているブラウザを開いてみてね。左上に”ファイル”というのがあるね、それをクリックして”開く”を選択してごらん。

そして、”参照”っていうボタンがあると思うからそれを押して自分の保存したファイルを見つけてね。
見つかった?ではクリック!!

自分のホームページの見方

ブラウザを開く → <ファイル> → <開く> → <参照> → <自分のファイルを探す>

出てきたかな?
今作ったホームページはこのようになっているはずだね。

RESULT
ここに好きな言葉を入れてね

 

 

このようにさっき<BODY>〜</BODY>の間に入れた字がブラウザに表示された?
できたらOKだよ。できない人はもう一度やり直してみよう。

ここで基本編は終わりです。
目次へ戻る


HTMLの基本的な構造
コメント(標準編)