「仕事をうまくやりたければ、まずツールを磨かなければなりません。」という格言にあるように、便利な HTML エディターを使用すると、HTML Web ページの作成がより効率的になり、半分の労力で 2 倍の結果が得られます。
一般的に使用されるエディターをいくつか示します。
1. Notepad または Notepad++ を使用して HTML を作成します
これはほとんどのコンピュータに備わっているメモ帳機能であり、単純なテキスト エディタを使用することが HTML を学習するのに最適な方法であると考えられます。
ステップ 1: メモ帳を起動する
メモ帳の起動方法:
(1)スタート→すべてのプログラム→添付ファイル→メモ帳
(2) スタート → コマンド notepad を入力してメモ帳を起動します
(3) 新しいテキストドキュメントをデスクトップ上に直接作成します
上記の 3 つの方法はすべて利用可能です。
ステップ 2: メモ帳を使用して HTML を編集する
メモ帳に HTML コードを入力します。
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>学習してチェックインするには、当社の Web サイトへようこそ。 </p></body></html>
図に示すように:
ステップ 3: HTML を保存する
メモ帳のファイルメニューから「名前を付けて保存」を選択します。
HTML ファイルを保存するときは、 .htmまたは.html のどちらの拡張子も使用できます。これらに違いはありません (test など)。
ステップ 4: この HTML ファイルをブラウザで実行します。
ブラウザを起動し、[ファイル] メニューから [ファイルを開く] コマンドを選択するか、フォルダ内の HTML ファイルを直接ダブルクリックします。
実行中の表示結果は次のようになります。
2. Visual Studio Code を使用して HTML を作成する
Visual Studio Code は、OS X、Windows、Linux 上で動作する最新の Web およびクラウド アプリケーションを作成するためのクロスプラットフォーム エディターです。 宇宙で最も強力なコンパイラとしても知られています。以下のソフトウェアの公式サイトから対応ソフトウェアをダウンロードし、手順に従ってインストールしてください。
VS コード: https://code.visualstudio.com/
上記ソフトウェアの公式サイトから対応ソフトウェアをダウンロードし、手順に従ってインストールしてください。
ステップ 1: 新しい HTML ファイルを作成する
VS Code のインストールが完了したら、「ファイル (F) -> 新しいファイル (N)」を選択し、新しいファイルに次のコードを入力します。
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>学習してチェックインするには、当社の Web サイトへようこそ。 </p></body></html>
ステップ 2: HTML ファイルとして保存する
次に、「ファイル (F) -> 名前を付けて保存 (A)」を選択し、ファイル名は test.html になります。
ステップ 3: この HTML ファイルをブラウザで実行します。
次に、エディターでファイル名を右クリックし、デフォルトのブラウザーで開くことを選択します (他のブラウザーも使用できます)。
3.Hビルダー
HBuilder は、DCloud によって開始された、HTML5 をサポートする Web 開発 IDE です。 HBuilder は Java、C、Web、Ruby を使用して作成されました。 HBuilder本体自体はJavaで書かれています。 HBuilder の最大の利点は高速です。完全な構文プロンプト、コード入力メソッド、コード ブロックなどにより、HTML、js、css の開発効率が大幅に向上します。 Hbuilder は中国のフロントエンド開発者によって作成されたフロントエンド開発 IDE であるため、その使用方法は中国の開発習慣により適合しています。HBuilder を使用して HTML コードを記述すると非常に便利です。
4.AdobeDreamweaverCS
Dreamweavercs6 は、世界トップのソフトウェア メーカーである Adobe が発売した視覚的な修正インターフェイスを備えたコード コレクタのセットで、Web サイトやモバイル アプリケーションの修正に使用できます。 Web ページの作成、書き込み、変更のためのコーディング、分割、デザイン、リアルタイム表示などの方法をサポートしているため、ジュニア ユーザー向けに、コードを書かずに Web ページをすばやく作成できます。その洗練されたコード変更ツールは、上級 Web 開発者の作成に適しています。新しいバージョンの cs6 では、アダプティブ グリッド レイアウトを使用してページを作成し、公開前にマルチスクリーン プレビューを使用してデザインを確認できるため、作業効率が大幅に向上します。したがって、AdobeDreamweaverCS は、より優れた HTML コード修正ツールでもあります。
5. SublimeText3 中国語版
SublimeText は、コードのハイライト、構文プロンプト、自動補完、および高速応答を備えた修正ソフトウェアです。これは、ゴージャスなインターフェイスを備えているだけでなく、プラグイン拡張メカニズムもサポートしています。これを使用してコードを作成するのは間違いなく楽しいです。使いにくい Vim や肥大化して重い Eclipse や VS、軽量で起動が早い Editplus や Notepad++ と比べると、一般的には SublimeText の影に隠れてしまっているこの非常にセクシーなエディタであることは間違いありません。コーディングには良い選択です。
6.メモ帳++
Notepad++ は、Windows のデフォルトのメモ帳を置き換えるように設計されており、メモ帳よりもはるかに強力です。 notepad++ はプラグインをサポートしており、さまざまな機能をサポートするために対応するプラグインを追加します。いくつかの一般的なプラグインに加えて、テキストを読み上げる音声プラグインなどの興味深いプラグインもいくつかあります。 Notepad++ は、他のプロ仕様のテキスト編集ツールよりも起動が速く、使用するリソースが少ない軽量のテキスト編集ソフトウェアですが、機能とアプリケーションの点では、これらのプロ仕様のツールに劣りません。
7.エディットプラス
ダウンロードアドレス：https://www.editplus.com/
EditPlus は、韓国の Sangil Kim (ES-Computing) によって作成された、小さいながらも強力な Windows エディタであり、テキスト、HTML、プログラミング言語を処理でき、ユーザー ツールの設定も可能です。 C、Java、Php、その他の言語用のシンプルな IDE として。