HTMLコード編集ウィンドウを開く方法-htmlチュートリアル-php.cn

HTMLコード編集ウィンドウを開く方法

下次还敢

リリース： 2024-04-22 10:00:45

オリジナル

837 人が閲覧しました

HTML コードウィンドウを開くには、Visual Studio Code などのコードエディターを選択し、HTML テンプレートを選択するか、コードを直接作成して、コードをプレビューします。

HTMLコード編集ウィンドウを開く方法

HTMLコードウィンドウを開く方法

HTMLコードを編集するときは、コードエディタを使用する必要があります。 HTML コードウィンドウを開く方法は次のとおりです。

1. コードエディターを選択します。

Visual Studio Code

2. 新しいファイルを作成します

任意のコードエディターで、新しいファイルを作成します。

3. HTML テンプレートを選択します

HTML テンプレートから始めたい場合は、多くのコードエディターがそれを提供します。 [新しいファイル] ダイアログボックスで [HTML テンプレート] オプションを探します。

4. コードを直接記述する

テンプレートを使用したくない場合は、エディターでコードを直接記述することができます。次のコードを入力します:

<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>你好，世界！</h1>
</body>
</html></code>

ログイン後にコピー

5. ファイルを保存します

ファイルを として保存します。

.html 扩展名的文件。例如，您可以将其保存为 index.html6. コードのプレビュー

ほとんどのコードエディターでは、エディターで HTML コードを直接プレビューできます。プレビューボタンをクリックするか、キーボードショートカットを使用してコードをプレビューできます。

HTML コードウィンドウを開いたので、HTML コードの編集とプレビューを開始できます。

以上がHTMLコード編集ウィンドウを開く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。