HTMLドキュメントの保存方法
HTMLドキュメントを作成したら、それを保存して後からアクセスしたり、Webブラウザで表示したりすることができます。ここでは、HTMLドキュメントを保存する手順を詳しく説明します。
HTMLエディタを使った保存方法
HTMLドキュメントを作成するには、通常、テキストエディタや専用のHTMLエディタを使用します。ほとんどのエディタで、共通の手順でHTMLドキュメントを保存できます。
- [ファイル] メニューをクリック: エディタ画面の上部にあるメニューバーから、[ファイル] メニューをクリックします。
- [保存] または [名前を付けて保存] を選択: [ファイル] メニューから、新規ドキュメントの場合は [名前を付けて保存] を、既存ドキュメントを上書き保存する場合は [保存] を選択します。
-
ドキュメント名と保存場所を指定: 表示されるダイアログボックスで、以下の項目を指定します。
- ファイル名: ドキュメントに付ける名前を入力します。拡張子は「.html」または「.htm」にします。
- 保存場所: ドキュメントを保存するフォルダを選択します。
-
[保存] ボタンをクリック: すべての設定が完了したら、[保存] ボタンをクリックしてドキュメントを保存します。
以下は、一般的なHTMLエディタでの保存例です。
| エディタ | 保存メニュー | ショートカットキー | |--------------|------------------------------|-------------------| | メモ帳 | ファイル > 名前を付けて保存 | Ctrl + Shift + S | | サクラエディタ | ファイル > 名前を付けて保存 | Ctrl + Shift + S | | Visual Studio Code | ファイル > 保存 | Ctrl + S | | Atom | ファイル > 保存 | Ctrl + S | | Sublime Text | ファイル > 保存 | Ctrl + S |
保存時の注意点
- ファイル名: ファイル名は半角英数字と一部の記号（ハイフン、アンダースコアなど）のみを使用してください。日本語などのマルチバイト文字やスペースは使用を避けてください。
- 拡張子: 拡張子は必ず「.html」または「.htm」にしてください。拡張子が正しくないと、Webブラウザで正しく表示されない場合があります。
- 文字コード: HTMLドキュメントを作成する際は、文字コードを適切に設定してください。日本語を使用する場合は、一般的に「UTF-8」が推奨されます。文字コードの設定方法は使用するエディタによって異なりますので、各エディタのマニュアルをご確認ください。
コード例
以下は、シンプルなHTMLドキュメントの例です。このコードをコピーしてテキストエディタに貼り付け、「sample.html」というファイル名で保存してみてください。
サンプルページ
こんにちは、世界！
これはサンプルのHTMLドキュメントです。
よくある質問
Q1: HTMLドキュメントはどこに保存すればいいですか？
A1: 基本的にはパソコン内の任意の場所に保存できます。ただし、Webサイトとして公開する場合は、Webサーバーの公開ディレクトリに保存する必要があります。
Q2: 保存したHTMLドキュメントはどうやって開けばいいですか？
A2: 保存したHTMLドキュメントは、Webブラウザで開くことができます。ファイルエクスプローラーでHTMLファイルを探し、ダブルクリックするか、ブラウザのメニューから「ファイルを開く」を選択してHTMLファイルを選択してください。
Q3: HTMLドキュメントを編集するにはどうすればいいですか？
A3: テキストエディタやHTMLエディタでHTMLファイルを開くことで編集できます。編集後、上書き保存してください。