ホームページのHTML編集の基本はテキストエディタを使用した編集です。テキストエディタを利用しない場合でも、それと同様のエディタのような編集画面となります。
Windows純正のメモ帳でも編集可能ですが、一般的にはコードごとに色分けされるタイプのテキストエディタを使用します。Windwos標準の「メモ帳」やMac標準の「テキストエディット」でもHTMLの作成や編集は可能。しかし、これらの標準ソフトはHTMLに特化したものではないので最低限の機能しか搭載しておらず、HTMLの作成・編集に最適とは言えません。
HTMLを保存する文字コードによって、文字化けする場合もあるため、ある程度の機能を備えたテキストエディタを用いるに越したことはありません。
ホームページを自分で修正・更新・編集する場合
ホームページを自分で修正・更新・編集する場合は、テキストエディタ等でHTMLファイルを開き、編集して上書き保存します。
HTML編集が失敗した時のために、バックアップをしておいたほうが無難です。
ホームページのHTML編集方法
HTMLって何？まず、HTMLってのは「HyperText Markup Language」の略。簡単に言うと、ウェブページを作るための言語だよ。ウェブサイトの骨組みを作るようなもんで、文字とか画像とかリンクとかを「こうやって表示してね」ってブラウザに伝えるためのルールなんだ。例えば、「ここにタイトル入れて」「ここに画像置いて」みたいな指示をHTMLで書くわけ。で、HTMLを編集するのに必要なのがテキストエディタ。専用のソフトを使わなくても、メモ帳みたいなシンプルなツールで十分始められるんだ。なんでテキストエディタが基本かって？ それは、HTMLがただのテキストファイルでできてるから。
特別なソフトがなくても、コードを書いて「.html」って拡張子で保存すれば、ブラウザでそのページが見られるんだよ。めっちゃ手軽だろ？テキストエディタって何使う？テキストエディタってのは、要するに文字を入力するソフトのこと。Windowsなら「メモ帳」、Macなら「テキストエディット」が最初から入ってるから、これでHTMLを書くこともできる。
ただ、正直言うと、これらはめっちゃシンプルすぎて、ちょっと使いにくい部分もある。コードが見づらいし、ミスったときにエラー見つけにくいんだよね。だから、初心者におすすめなのは、コード編集に特化したテキストエディタを使うこと。たとえば、以下みたいなやつが人気だよ：Visual Studio Code（VS Code）：無料で、めっちゃ使いやすい。シンタックスハイライト（コードを色分けしてくれる機能）とか、補完機能とかあって、初心者からプロまで使ってる。
特別なソフトがなくても、コードを書いて「.html」って拡張子で保存すれば、ブラウザでそのページが見られるんだよ。めっちゃ手軽だろ？テキストエディタって何使う？テキストエディタってのは、要するに文字を入力するソフトのこと。Windowsなら「メモ帳」、Macなら「テキストエディット」が最初から入ってるから、これでHTMLを書くこともできる。
ただ、正直言うと、これらはめっちゃシンプルすぎて、ちょっと使いにくい部分もある。コードが見づらいし、ミスったときにエラー見つけにくいんだよね。だから、初心者におすすめなのは、コード編集に特化したテキストエディタを使うこと。たとえば、以下みたいなやつが人気だよ：Visual Studio Code（VS Code）：無料で、めっちゃ使いやすい。シンタックスハイライト（コードを色分けしてくれる機能）とか、補完機能とかあって、初心者からプロまで使ってる。
Sublime Text：軽くてサクサク動く。カスタマイズもできて、シンプル好きにはたまらない。
Notepad++：Windowsユーザーならこれも軽量で便利。日本語にもしっかり対応してるよ。
これらは全部無料（Sublimeは試用無料だけど、たまにライセンス買ってねってポップアップ出る）で、コードが見やすくなるから、HTML書くのにめっちゃ助かる。インストールしたら、さっそく新しいファイル作って「.html」で保存してみよう。
HTML書いてると、ミスってページが変になることあるよね。たとえば、タグ閉じ忘れたとか、属性の書き方間違えたとか。そんなときは、ブラウザの「開発者ツール」（右クリック→「検証」とかF12で出る）を使うと、どこがエラーか分かる。VS Codeとかのエディタも、赤い波線で「ここ変だよ」って教えてくれるから、初心者でも安心。
音楽に関する様々な話題 ホームページやウェブ関連など たまに観光 ホームページ制作・Webマーケティング
PR