画像つきでざっくりと説明しますが、わからないことは画像から想像してください。
![]()
4.HTMLファイルをテキストで開く
5.HTMLを書く
6.ブラウザで確認する
![]()
4.HTMLをテキストで開く
HTMLファイルはダブルクリックするとブラウザが開いてしまい編集出来ないのでメモ帳などで開き編集します。まずは、メモ帳で開くための手順を説明します。
◆メモ帳のショートカットを作ります。
Windowsのスタートメニュー→すべてのプログラム→アクセサリ→メモ帳
メモ帳を右クリックしてコピーしディスクトップに貼付けます。
メモ帳のショートカットはNotepadという名前が付きます。
◆sendtoフォルダにメモ帳のショートカットを入れます。
Windowsのスタートメニューの検索のところにshell:sendtoと入力します。
検索で出てきたフォルダを開きその中に先ほど作ったメモ帳のショートカットを入れます。
◆メモ帳で開いてみる。
前編で作ったHTMLファイルを右クリック→送る→Notepad
これでメモ帳で開くことができます。

5.HTMLを書く
開いたメモ帳に下の四角の中身をコピー・ペーストして更新ボタンを押してください。
| <html> <head> <title>HTMLの練習</title> </head> <body> HTMLの練習 </body> </html> |
6.ブラウザで確認する
index.htmlのアイコンをダブルクリックしてブラウザを開く。
エディタでファイル編集して保存してもブラウザには反映されないので、変更を確認したいときは更新ボタンを押します。
エディタの「HTMLの練習」の部分を書き換えてみてください。
<body>~</body>ではページの、<title>~</title>では、タブに書いてある文字の変更がブラウザに反映されたら成功です。






