HTMLエディタ
この用語のポイント
編集ソフトだよ
HTMLファイルをいじるときに使うよ
簡単に書くよ
HTMLエディタ（読：エィチティーエムエルエディタ 英：HTML editor）とは
ソフトの種類のひとつ
であり
ホームページのファイル（HTMLファイル）を編集するときに使うソフトのこと
です。
もう少し正確に書くと
HTMLファイル
（ホームページのファイル）の編集に特化した機能が付いているテキストエディタ（テキストファイルを編集するときに使うソフト）のこと
です。
詳しく書くよ
「HTML（ファイル）」＋「エディタ」で「HTMLエディタ」です。
まずは予備知識からいきましょう。
HTMLは「ホームページのファイルの書き方ルール」です。
専門用語で「マークアップ言語」と呼ばれるやつです。
詳細は、用語「HTML」の説明を ご覧ください。
このHTMLのルールに従って書かれたファイルを「HTMLファイル」と言います。
よく分からない人は、ホームページのファイルがHTMLファイルだと思ってください。
HTMLファイルは、HTMLのルールに沿って書かれた「テキストファイル（中身が文字だけのファイル）」です。
ここが大事なポイントです。
覚えておいてください。
HTMLファイルは
・中身がHTMLのルールに沿って書かれた
・テキストファイル
です。
テキストファイルなので、その気になれば、Windows付属の「メモ帳」でも、中を見て編集できます。
ここまでがHTMLファイルの説明です。
次に「エディタ」について説明します。
エディタは「何かを編集するときに使うソフト」です。
例えば、テキストファイル（中身が文字だけのファイル）を編集するときに使うソフトは「テキストエディタ」と言います。
「○○エディタ」という表現が出てきたら「○○を編集するときに使うソフト」と読み替えてください。
それで意味は、つかめるはずです
以上が予備知識です。
ここまでを踏まえて
ホームページのファイルを編集するときに使うソフト
が「HTMLエディタ」です。
先ほど、HTMLファイルはテキストファイルだと説明しました。
つまり
HTMLエディタはテキストエディタの仲間である
と言えます。
言い換えると
HTMLファイル編集用のテキストエディタがHTMLエディタ
です。
それでは、HTMLエディタと普通のテキストエディタでは何が違うのでしょう？
答えは簡単です。
HTMLエディタには、HTMLファイルの編集がやりやすくなる機能が付いています。
例えば、そうですね。
以下の内容が書かれているHTMLファイルが あったとしましょう。
<!DOCTYPE html>
<html lang="ja">
<head>
<title>テスト<title>
</head>
<body>
<span style="font-weight: bold;">名簿</span><br>
<table border="1">
<tr><th>No.</th><th>名前</th></tr>
<tr><td>1</td><td>ピヨ太</td></tr>
<tr><td>2</td><td>ピヨ子</td></tr>
</table>
</body>
</html>
「<!DOCTYPE html>」のように「<」と「>」で囲まれている部分は目印です。
専門用語で「HTMLタグ」と言います。
このファイルをWebブラウザ（ホームページを見るときに使うソフト）で見ると、以下のように表示されます。
名簿
| No. | 名前 |
|---|---|
| 1 | ピヨ太 |
| 2 | ピヨ子 |
見た目が表組っぽくなって表示されているはずです。
これはWebブラウザさんの努力の賜物です。
HTMLタグ（目印）を解析して、それっぽく表示してくれました。
同じファイルをテキストエディタで見ると、以下のように表示されます。
<!DOCTYPE html>
<html lang="ja">
<head>
<title>テスト<title>
</head>
<body>
<span style="font-weight: bold;">名簿</span><br>
<table border="1">
<tr><th>No.</th><th>名前</th></tr>
<tr><td>1</td><td>ピヨ太</td></tr>
<tr><td>2</td><td>ピヨ子</td></tr>
</table>
</body>
</html>
今度は中身がそのまま表示されました。
さぁ、次はいよいよHTMLエディタの出番です。
HTMLエディタで開くと、例えば以下のように表示されます。
<!DOCTYPE html>
<html lang="ja">
<head>
<title>テスト<title>
</head>
<body>
<span style="font-weight: bold;">名簿</span><br>
<table border="1">
<tr><th>No.</th><th>名前</th></tr>
<tr><td>1</td><td>ピヨ太</td></tr>
<tr><td>2</td><td>ピヨ子</td></tr>
</table>
</body>
</html>
基本的には、中身がそのまま表示されます。
テキストエディタと同じです。
ただし、HTMLタグ（目印）と普通の文字が色分けされていますね。
普通のテキストエディタで開いたときの
<!DOCTYPE html>
<html lang="ja">
<head>
<title>テスト<title>
</head>
<body>
<span style="font-weight: bold;">名簿</span><br>
<table border="1">
<tr><th>No.</th><th>名前</th></tr>
<tr><td>1</td><td>ピヨ太</td></tr>
<tr><td>2</td><td>ピヨ子</td></tr>
</table>
</body>
</html>
と、HTMLエディタで開いたときの
<!DOCTYPE html>
<html lang="ja">
<head>
<title>テスト<title>
</head>
<body>
<span style="font-weight: bold;">名簿</span><br>
<table border="1">
<tr><th>No.</th><th>名前</th></tr>
<tr><td>1</td><td>ピヨ太</td></tr>
<tr><td>2</td><td>ピヨ子</td></tr>
</table>
</body>
</html>
を見比べてください。
HTMLエディタで開いたときの方が見やすくないですか？
見やすければ、それだけ編集するのも楽なはずです。
間違いも減るでしょう。
HTMLタグ（目印）に注目して表示内容を色分けしてくれるのは、HTMLエディタの持っている機能の一例です。
他にも、HTMLファイルを編集する上で役に立つあれやこれやの機能が、いろいろくっついています。
この「HTMLファイルを編集する上で役に立つあれやこれやの機能」がくっついたテキストエディタがHTMLエディタです。
一言でまとめるよ
まぁ「HTMLエディタ」って単語が出てきたら「HTMLファイル（ホームページのファイル）編集用のソフトなんだな～」と お考えください。
おまけ
■訳してみるよ
「HTML」は「HyperText Markup Language（ハイパーテキスト・マークアップ・ランゲージ）」の略です。
「HyperText（ハイパーテキスト）」はIT用語の「ハイパーテキスト」です。
ちょっと意訳ですが「ホームページのファイル」だと思ってください。
「mark（マーク）」の意味は「印」とかです。
「up（アップ）」の意味は「上へ」とかです。
「mark up（マーク・アップ）」で「印をつける」的な意味になります。
「language（ランゲージ）」の意味は「言語」とか「言葉」とかです。
「editor（エディタ）」の意味は「編集者」とかです。
何となく くっつけると
ホームページのファイル用の印を付ける言語の編集者
となります。
■検索してみる？
