トップページ > 初心者向けホームページ作成講座 > メモ帳にHTMLを打ち込んでブラウザで表示
メモ帳にHTMLを打ち込んでブラウザで表示
メモ帳でタグ打ち
１．左下の[スタート]→プログラム→アクセサリ→メモ帳で メモ帳を起動させます。
２．キーボードから半角文字で <html>と打ち込みます。
「<」は
を押しながら
を押すと入力され「>」は
を押しながら
を押すと入力されます。<>で囲まれた文字を「タグ」といい、Internet Explorer等の
ブラウザはそれを解釈し、文字に色をつけたり画像を表示したりできるのです。
タグは対象となる文字を「開始タグ」と「終了タグ」をはさんで使用します。
タグで挟まれた範囲が対象となります。
例 <strong>文字</strong>
開始タグ<strong><h3><i>
終了タグ</strong></h3></i>（/付きのタグ）
一部のタグは終了タグを必要としない場合があります。
（改行をする<br>、水平線を引く<hr>など）
タグは必ず半角英字で入力する必要があります。
大文字小文字の区別はありません。
ただし、全角文字ではブラウザが解釈せず、正しく表示されません。
正しいタグ <BODY> <font> <Title> </b>
解釈されないタグ ＜ＴＩＴＬＥ＞<ｂｏｄｙ>＜font＞<／b>
(＜＞／や、英字が全角文字)
３． 改行して<head>、<title>と打ち込みます。
続いて「マイホームページ」と打ち込み</title></head>と打ち込みます。
４．さらに<body>と入力し改行して「マイホームページにようこそ」と入力します。
最後に</body></html>と入力して終了です。
５．では、ページを保存します。
[ファイル(F)]→[名前を付けて保存(A)]を選択。
保存ウィンドウが開きます。
ホームページのファイルを入れるフォルダを作成します。
ウィンドウ右の「新しいフォルダの作成」をクリックします。
「新しいフォルダ」が作成されます。 ここでは「homepage」と入力してエンターキーを押します。
「homepage」フォルダをダブルクリックして、「homepage」フォルダへ移動します。
ファイルの種類(T)を「すべてのファイル」にして、ファイル名に
「index.html」と入力します。
そして[保存(S)]を押せばindex.htmlファイルとして保存されます。
６．できあがった「index.html」をタブルクリックするか
ファイルをブラウザにドラッグ＆ドロップします。
index.htmlが読み込まれ、内容が表示されます。
spacer
htmlファイルをメモ帳から開く方法
[ファイル(F)]→[開く(O)]を選択
ウィンドウを表示し「homepage」フォルダへ移動します。
すると、作成したはずの「index.html」が見当たりません。
これはウィンドウの下にある「ファイルの種類(T)」が「テキスト文書(*.txt)」
になっており テキストファイル以外表示されないようになっているからです。
プルダウンメニューをクリックし、ファイルの種類を「すべてのファイル」に
することで、それ以外のファイルが 表示されます。
「index.html」を選択し[開く(O)]をクリック。
ファイルが開き、編集できるようになります。
spacer
Internet Explorerから開く方法
Internet Explorerの[表示(V)]→[ソース(C)]を選択。またはブラウザ上で右クリックメニューを出し[ソースの表示(V)]でメモ帳
が起動して、ファイルを編集できます。
方法１
方法２
spacer
今回入力したタグの解説
<html>〜</html>
<html>は、HTML文章の開始を意味し、</html>で終了します。<head>〜</head>
ページのタイトルや情報を記入します。このタグの範囲に<title>タグや<mata>タグを記入します。
使用例
<html><head>
<title>花の種類</title>
</head>
<body>
〜 文章や画像などを記述 〜
</body>
</html>
<title>〜</title>
ブラウザのタイトルバーにページのタイトルが表示されます。<head>〜</head>の間に記述します。
使用例
<head><title>マイホームページ</title>
</head>
<body>〜</body>
<body>〜</body>間に記述された文章や画像などがブラウザに表示されます。ここでは「マイホームページにようこそ」と表示されています。
