HTML ファイルを編集する方法

HyperText Markup Language または HTML は、World Wide Web の基本的なプログラミング言語です。 Web サイトの基本的なレイアウトと機能を指定するために使用されます。プレーン テキスト エディタまたは入力に基づいて HTML を出力する専用ツールを使用して、HTML ファイルを編集できます。

HTML、CSS、JavaScript

最新の Web ブラウザーは、3 つのプログラミング言語を理解します。 HTML は、Web ページの基本的なレイアウトをコーディングし、フォーム、画像、テキストのセクションなどの機能要素を導入するために使用されます。一部のスタイル仕様にも使用できます。

カスケード スタイル シートまたは CSS と呼ばれる別の言語を使用して、画面上または紙に印刷したときのページの外観をさらにスタイル設定します。 CSS は HTML に埋め込むことも、HTML コードで参照して別のファイルに保存することもできます。

JavaScript と呼ばれる 3 番目の言語は、対話機能や計算などの追加機能を Web サイトに追加するために使用されます。また、HTML ファイルに埋め込むことも、別のファイルに保存することもできます。名前が示すように、Java と呼ばれる別のプログラミング言語に似ていますが、この 2 つは相互互換性がなく、混同しないでください。

HTML ファイルの編集

HTML、CSS、および JavaScript にはすべて、Web ブラウザーが理解できる有効なコードを生成するために従う必要がある独自の構文規則がありますが、それらはプレーン テキスト ファイルに保存されます。

これらは、Windows のメモ帳、macOS コンピューターの TextEdit、Emacs、Vim、Sublime Text などの一般的なテキスト エディターなど、プレーン テキスト編集ソフトウェアで編集できます。通常、HTML ファイルは .html 拡張子で保存されます。 Microsoft Word や Google Docs などのワープロ ツールを使用して HTML を編集することは避けてください。これらのツールは、プレーン テキストの処理には適していませんが、カスタム フォントや書式設定を使用した精巧なドキュメントの作成には適していません。

一部の開発者は、統合開発環境を使用したり、テキスト エディターを構成して、HTML コードのさまざまな部分を強調表示したり、要素を配置する場所を提案したりするなどの高度な機能を含めることを好みます。最新の Web ブラウザーでは、組み込みのさまざまな開発者ツールを使用してデバッグしながら、HTML や JavaScript を微調整したり、コードを編集したりすることもできます。

生成された HTML

さまざまなツールを使用すると、直接 HTML を記述せずに HTML を生成できます。 Adobe の Dreamweaver などの一部の Web デザイン ツールや、Wix や Squarespace などのオンライン ツールは、ユーザーが視覚的なインターフェイスから入力した内容に基づいて HTML を自動的に出力します。

Web フォーラムや Wiki の一部のソフトウェアのように、Markdown などの他のより単純な書式設定言語を自動的に採用し、それらを HTML や CSS に変換するものもあります。 Django や Rails などの Web サーバー ソフトウェアは、構成設定とデータに基づいて HTML を自動的に生成することもできます。