English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 基礎教程

HTMLメディア

HTMLリファレンスマニュアル

HTML5 基礎教程

HTML5 API

HTML5 メディア

HTML 常用エディタ

工欲善其事,必先利其器;良いHTMLエディタを使うことで、HTMLウェブページの作成が効率的になり、事半功倍の効果が得られます。以下に一般的なエディタをいくつか紹介します。

HTMLエディタの推薦

プロフェッショナルなHTMLエディタを使用してHTMLを編集することができます。基本的なチュートリアルでは、いくつかの一般的なエディタを推薦します:

公式ウェブサイトから必要なソフトウェアをダウンロードし、手順に従ってインストールしてください。

次に、Editplus ツールを使用して HTML ファイルを作成する方法を説明します。他の3つのエディタの操作手順も同様です。

Editplus 

EditPlus は韓国の Sangil Kim (ES-Computing)が提供する小さくて強力な Windows エディタで、テキスト、HTML、プログラミング言語を処理できます。これも非常に使いやすい HTML エディタであり、ユーザーツールを設定することで、C、Java、Php など、さまざまな言語のシンプルなIDEとして使用できます。

手順 1:新しい HTML ファイルを作成します

Editplus がインストールされた後、"ファイル(W)"を選択します->新しいファイル(N)"、新しいファイルに以下のコードを入力します:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>基本教程(oldtoolbag.com)</title>
</head>
<body>
<h1>私の最初のウェブタイトル</h1>
<p>私の最初のウェブパラグラフ。</p>
</body>
</html>


手順 2: HTML ファイルとして保存します

次に、"ファイル(W)"を選択します->別名で保存(W)"、ファイル名を w3codebox.html:


HTML ファイルを保存する際には、.htm または .html エクステンションを使用できます。どちらも区別はありません。好みに応じて、ここでは .html 末尾をお勧めします。

覚えやすいフォルダーにこのファイルを保存してください。例えば w3codebox

手順 3ブラウザでこの HTML ファイルを実行します

その後、編集器上のファイル名を右クリックして、デフォルトのブラウザで開くを選択します。ここでは、Firefox ブラウザ(他のブラウザも可)を選択します:


実行結果は以下のようになります:

これで editplus 編集器を使って HTML 網頁を作成する簡単な方法が説明されました。あなたにとって役立つことを願っています。気に入ったらシェアしたり、お気に入りに追加してください。ドメイン(w)を覚えておいてください。3codebox.com)。