webデザイナー用語「テキストエディタ」を全部教えます

ハナちゃん、こんにちは！私はリュウと言います。将来の夢がwebデザイナーになるんだね、すごいね！私が教えるよ。今度は「テキストエディタ」という言葉を教えるね。テキストエディタは、プログラムやコードを書くためのソフトウェアだよ。webデザイナーはHTMLやCSSのコードを書いたり、ウェブサイトのデザインを作ったりするんだけど、そのためにテキストエディタを使うんだよ。テキストエディタはプログラマーだけでなく、デザイナーにも必須のツールなんだ。使い方を覚えると、自分のアイデアをカタチにできるようになるよ！どんなデザインを作りたい？一緒にがんばろうね！

このブログは、webデザイナーに興味のある女子小学生ハナさんと、人工知能リュウとの質疑応答の様子を全てAIが執筆しています。リュウはたまに変な事を言いますが、どうか優しい気持ちでお読みください。

テキストエディタとは何ですか？

ハナ: リュウさん、テキストエディタって何ですか？

リュウ: ハナさん、テキストエディタっていうのは、コンピューターで文字を編集するためのソフトウェアのことなんだよ。たとえば、お手紙を書く時に使うワードプロセッサや、プログラムを書く時に使うエディタなどがあります。

ハナ: なるほど、テキストを編集するためのソフトウェアなんですね！でも、ワードプロセッサとかエディタって何が違うんですか？

リュウ: いい質問だね、ハナさん。ワードプロセッサは文章を編集することがメインで、文字の装飾やレイアウトなどができるんだよ。一方、エディタはプログラムを書くために使われることが多く、コードを書くことが得意なんだよ。

ハナ: ワードプロセッサは文章を綺麗に書くためのソフトウェアで、エディタはプログラムを書くためのソフトウェアですね。なるほど、分かりました！

リュウ: よく理解してくれたね、ハナさん。テキストエディタは、それぞれの目的に合わせて使われています。だから、将来webデザイナーになるハナさんにとっても、テキストエディタはとても便利なツールになると思いますよ。

ハナ: わぁ、そうなんですね！テキストエディタを使って、自分でおしゃれなウェブページを作れるんですね！私も将来、素敵なウェブデザイナーになれるようにがんばります！

テキストエディタの使い方を教えてください。

ハナ: テキストエディタの使い方を教えてください。

リュウ: テキストエディタの使い方ですね。まずはテキストエディタとは、コンピュータで文章を編集するためのツールですよ。テキストエディタを使うことで、ウェブサイトのコードやテキストを作ることができます。それでは、詳しく説明しますね。まずはエディタを開いて、新しいファイルを作成します。テキストエディタ上で文章を書いたり、コードを入力したりすることができますよ。

ハナ: えー、ファイルって何ですか？

リュウ: ファイルとは、情報をまとめたり保存するための箱のようなものです。テキストエディタで作るファイルは、コンピュータの中に保存されています。新しいファイルを作ると、それに名前を付けて保存することができます。そのファイルに文章やコードを書いていくことで、ウェブサイトを作ることができるんですよ。

ハナ: なるほど、ファイルって大事なんですね！ファイルを作って、文章を書くんですね！

リュウ: そうです、ファイルを作ってから、そこに文章を書いていくんです。テキストエディタはとても便利なツールで、文章を書くことだけでなく、コードを書くこともできます。文章を書く場合は、字の大きさや色、スタイルを変えることもできますよ。また、コードを書く場合は、HTMLやCSSなどの言語を使って、ウェブサイトの見た目や動きを作ることができます。

ハナ: なるほど、ファイルを作って、文章を書くんですね！テキストエディタってすごいなぁ。もっと使い方を教えてください！

リュウ: いいね、ハナさん！テキストエディタの他にもたくさんの機能がありますよ。たとえば、コードの自動補完やショートカットキーを使うことで、より効率的に作業ができます。また、エディタによっては、プレビュー機能も使えるので、実際にどんな見た目になるかを確認することもできます。テキストエディタは、ウェブ制作の基本となるツールなので、ぜひ積極的に使ってみてくださいね！

ハナ: うん、がんばってテキストエディタを使ってみます！ありがとうございました！

リュウ: どういたしまして、ハナさん！テキストエディタの使い方が少しわかったでしょうか。これからもわからないことがあったら、いつでも聞いてくださいね。応援しています！頑張ってね！

テキストエディタの主な機能は何ですか？

ハナ：リュウさん、テキストエディタの主な機能って何ですか？

リュウ：ハナさん、テキストエディタの主な機能は、文章を書いたり編集したりすることですよ。例えば、ノートに何かを書くとき、消したり修正したりする機能と似ています。パソコンで文章を作る時にはテキストエディタを使って、文字の大きさや色を変えたり、文章を整理したりすることができるんです。これからWEBデザイナーになるハナさんには、テキストエディタの使い方を覚えるととても便利ですよ。

テキストエディタの種類にはどのようなものがありますか？

ハナ: テキストエディタの種類にはどのようなものがありますか？

リュウ: ハナさん、テキストエディタはWebデザイナーにとって非常に重要なツールですよ。たくさんの種類がありますが、代表的なものには「Sublime Text」と「Visual Studio Code」があります。これらのテキストエディタは、Webサイトを作成するためにHTMLやCSSのコードを書くのに便利なソフトウェアです。

ハナ: どのテキストエディタがいいの？

リュウ: それぞれのテキストエディタには特徴や使い方が異なるため、好みによって選ぶことができます。例えば、Sublime Textはシンプルで使いやすく、高速に動作することが特徴です。一方、Visual Studio Codeは拡張性が高く、便利な機能が豊富なのが特徴です。

ハナ: どちらがおすすめですか？

リュウ: ハナさんがはじめてテキストエディタを使うのであれば、Visual Studio Codeがおすすめです。なぜなら、Visual Studio Codeは無料で使える上に、使いやすいインターフェースや便利な機能が揃っているからです。初心者の方にも分かりやすく、学習しやすいと言えますね。

ハナ: 分かりました！Visual Studio Codeを使ってみます！

リュウ: グッドチョイスです！Visual Studio Codeに慣れると、ハナさんのwebデザインのスキルアップがさらにスムーズに進むでしょう。どんどんトライしてみてくださいね！ハナさんの素晴らしい成果を期待していますよ！

テキストエディタとIDEの違いは何ですか？

ハナ: リュウさん、テキストエディタとIDEの違いって何なの？

リュウ: ハナさん、テキストエディタとIDEの違いですね。テキストエディタは、文字やコードを入力するためのソフトウェアです。一方、IDEはIntegrated Development Environmentの略で、テキストエディタに加えて、コードの書き方を補完してくれたり、エラーチェックをしてくれたり、プログラムを実行するための機能も備えています。つまり、IDEはより便利な機能がたくさん詰まっているんだよ。

ハナ: なるほど、テキストエディタは文字を入力するだけだけど、IDEはそれに加えて色々な機能があるんですね！

リュウ: そうそう、その通り！テキストエディタはシンプルな機能ですが、IDEはプログラミングを行う上で役立つ機能が付いています。例えば、自動でコードを補完してくれたり、間違いがないかエラーチェックしてくれたり、プログラムの実行結果も確認できますよ。

ハナ: IDEってプログラミングをする時にすごく便利そうですね！それに、色々な機能があるから、プログラミングが楽しくなりそうです！

リュウ: 確かに、IDEを使うとプログラミングがより便利になりますし、効率的に開発することもできますよ。プログラミングが楽しくなるかどうかは、ハナさんの好みや使い方にもよるけれど、使ってみると便利さを実感できるはずです！

ハナ: うん、使ってみたいなー！リュウさん、教えてくれてありがとう！

リュウ: どういたしまして、ハナさん！プログラミングをするうえでテキストエディタとIDEはとても重要なツールなので、ぜひ使ってみてくださいね。質問があればいつでも聞いてください！応援していますよ！

テキストエディタでテキストを入力する方法を教えてください。

ハナ: テキストエディタでテキストを入力する方法を教えてください。

リュウ: こんにちは、ハナさん。テキストエディタでテキストを入力する方法について説明しますね。
テキストエディタは、パソコン上で文章を入力するためのソフトウェアです。まずはパソコンを起動して、デスクトップやスタートメニューから任意のテキストエディタソフトを開いてください。
テキストエディタが開いたら、新規のファイルを作成します。そのためには、上部のメニューバーから「ファイル」を選び、その中にある「新規作成」をクリックします。
新しいファイルが作成されると、画面上には空白のエリアが表示されます。ここにテキストを入力することができます。キーボードを使って文字を入力してみましょう。
また、テキストエディタでは、文章の装飾や書式設定も行うことができます。例えば、文字の大きさや色、フォントの種類を変えたり、文字列を太字や斜体にすることも可能です。
テキストを入力したら、保存しておきましょう。上部のメニューバーから「ファイル」を選び、その中にある「保存」をクリックします。保存先やファイル名を指定して保存することができます。
以上が、テキストエディタでテキストを入力する基本的な方法です。まずは試してみてくださいね。分かりやすいでしょうか？何か他に質問はありますか？

テキストエディタでテキストを編集する方法はありますか？

ハナ：テキストエディタでテキストを編集する方法はありますか？

リュウ：ハナさん、テキストエディタでテキストを編集する方法について教えてあげましょうか。テキストエディタは、文章を書いたり編集したりするための便利なツールなんですよ。パソコンやスマートフォンに標準で付いていることもあるし、専用のソフトウェアも使えます。

ハナ：それはすごいですね！テキストエディタってどんなことができるんですか？

リュウ：テキストエディタでは、文章を書くことができます。文字の大きさや色を変えたり、字のスタイルを選んだりもできますよ。また、文章の一部をコピーして別の場所に貼り付けたり、間違いを直すことも簡単にできます。

ハナ：それなら、自分でブログの記事やサイトのコンテンツを作れるんですね！でも、使い方は難しいですか？

リュウ：初めて使うときはちょっと戸惑うかもしれませんが、慣れるととっても簡単ですよ。まずは使ってみることから始めて、少しずつ機能を覚えていくと良いです。また、インターネット上にはテキストエディタの使い方を教えてくれる記事や動画もたくさんありますから、参考にしてみてください。

ハナ：なるほど！やってみたいなあ。でも、どんなテキストエディタがおすすめですか？

リュウ：おすすめのテキストエディタは色々ありますが、まずは使いやすいものから始めると良いですよ。例えば、AtomやSublime Textといったテキストエディタは、初心者でも扱いやすく、便利な機能もたくさんあります。

ハナ：AtomやSublime Text、覚えておきます！ありがとうございました、リュウさん！

リュウ：どういたしまして、ハナさん。テキストエディタを使って自分のアイデアを形にする楽しさを感じてくださいね！ますます素敵なWEBデザイナーになることを応援しています！

テキストエディタでテキストをコピー＆ペーストする方法を教えてください。

ハナ: テキストエディタでテキストをコピー＆ペーストする方法を教えてください。

リュウ: こんにちは、ハナさん。テキストをコピー＆ペーストする方法についてお教えしますね。まず、テキストをコピーするということは、テキストを選択してその内容を一時的に保存することです。テキストを選択するには、マウスを使ってテキストをドラッグするか、テキストを選択するためのキーボードショートカット（Ctrlキーを押しながらAキー）を使います。それから、選択したテキストをコピーするには、キーボードショートカット（Ctrlキーを押しながらCキー）を使います。次に、テキストをペーストするには、その保存したテキストを指定した場所に貼り付けることです。テキストをペーストするには、キーボードショートカット（Ctrlキーを押しながらVキー）を使います。これで、テキストをコピー＆ペーストすることができますよ。どうですか、分かりやすかったでしょうか？もしわからないことがあれば、遠慮なく質問してくださいね。

テキストエディタでテキストを削除する方法はありますか？

ハナ: リュウさん、テキストエディタでテキストを削除する方法はありますか？

リュウ: ハナさん、テキストエディタでテキストを削除する方法はありますよ。まず、テキストを削除したい場所にカーソルを合わせて、Backspaceキーを押すか、Deleteキーを押すと、そのテキストが削除されます。

テキストエディタでテキストを保存する方法を教えてください。

ハナ: テキストエディタでテキストを保存する方法を教えてください。

リュウ: こんにちは、ハナさん！webデザイナーになりたいんですね。素敵な夢ですね！
テキストエディタでテキストを保存する方法ですね。テキストエディタは、文字を入力したり編集したりするためのツールです。テキストを保存するには、まずテキストエディタを開いて、テキストを入力します。そして、メニューバーの「ファイル」または「保存」などの項目を選んで、「名前を付けて保存」を選びます。そうすると、保存先の場所を選ぶことができます。例えば、デスクトップやドキュメントフォルダなどです。選んだ場所にファイル名を入力し、保存ボタンを押せば、テキストが保存されます。分かりやすいでしょうか？

テキストエディタでテキストを開く方法を教えてください。

ハナ: テキストエディタでテキストを開く方法を教えてください。

リュウ: おはよう、ハナさん！テキストエディタでテキストを開く方法ね。それはとっても簡単だよ。まずは、コンピューターの画面を開いて、デスクトップにあるアイコンを見つけてみて。そこにテキストエディタと書かれたアイコンがあるはずだよ。それをクリックすると、テキストエディタが立ち上がるよ。その中にテキストを開くためのファイルをドラッグ＆ドロップするか、メニューバーの「ファイル」から「開く」を選んで、開きたいテキストファイルを選ぶと、簡単にテキストを開くことができるんだよ。

ハナ: なるほど、ありがとう、リュウさん！それなら私も試してみますね！

リュウ: いいね！頑張ってみてください。もし分からないことがあったら、いつでも聞いてくださいね。ハナさんの将来の夢であるWEBデザイナーになるためには、テキストを開くことも大切なスキルなんだよ。がんばって！応援しています！

ハナ: わかりました、リュウさん！ありがとうございます！もし分からないことがあったら、また聞いてもいいですか？

リュウ: もちろんだよ、ハナさん！分からないことがあったらいつでも聞いてください。私はいつでもここにいますからね。ハナさんの成長を見守りながら、一緒に学んでいきましょう！

テキストエディタでファイルを新しく作成する方法を教えてください。

ハナ: リュウさん、テキストエディタで新しいファイルを作る方法を教えてください！

リュウ: ハナさん、テキストエディタで新しいファイルを作る方法ですね。まず、キーボードのCtrlキーとNキーを同時に押してみましょう。すると、新しい空白のファイルが表示されると思いますよ。

ハナ: そっか、CtrlキーとNキーを同時に押すんだね！それで新しいファイルが作れるんだ！

リュウ: そうです！その空白のファイルに、ハナさんが作りたいウェブページの内容を書いていくんですよ。例えば、タイトルや見出し、テキストなど、ホームページの要素を追加していく感じですね。

ハナ: 分かったよ！空白のファイルに自分で書き込んでいくんだね！それでウェブページができていくんだ！

リュウ: その通りです！テキストエディタはウェブデザイナーがウェブページを作るために使うものです。ハナさんも頑張って練習して、素敵なウェブページを作ってくださいね！

ハナ: わかったよ！私も頑張って練習するね！ありがとう、リュウさん！

テキストエディタでファイルを削除する方法はありますか？

ハナ: リュウさん、テキストエディタでファイルを削除する方法はありますか？

リュウ: こんにちは、ハナさん！テキストエディタでファイルを削除する方法はありますよ。まず、テキストエディタを開いて、削除したいファイルを開きます。そして、キーボードの「Delete」キーを押すことで、ファイルを削除することができます。ただし、削除する前に、大切なファイルでないか確認することを忘れずにね。テキストエディタのファイル削除は、紙のノートのようにトイレットペーパーを剥がす感じだとイメージしてもらえるかな？ノートの一部をキレイに剥がせば、不要な情報が消えますよ。

テキストエディタでフォントを変更する方法を教えてください。

ハナ: リュウさん、テキストエディタでフォントを変更する方法を教えてください。

リュウ: こんにちは、ハナさん！テキストエディタでフォントを変更する方法は、とっても簡単ですよ。まず、テキストエディタのメニューバーから「編集」を選択し、その中から「フォント」を選びます。そしたら、好きなフォントの名前が一覧で表示されるので、クリックして選ぶだけです。例えば、テキストを太くしたい場合は、フォント名の横にある「太字」や「ボールド」というボタンを選択すると太くすることができます。続けて、フォントの大きさや色も変えることができますよ。

ハナ: そうなんですね、それってとっても便利ですね！でも、たくさんのフォントがあるとどれを選んだらいいか迷います。どんなフォントがおしゃれなんでしょうか？

リュウ: そうですね、たくさんのフォントがあるので迷ってしまうこともあるかもしれませんね。おしゃれなフォントは人によって好みが分かれることがありますが、例えばフォーマルな雰囲気を出したい場合はセリフ体のフォントがおすすめです。一方、カジュアルな雰囲気を出したい場合は手書き風のフォントが人気ですよ。ただし、大事なのはフォントがテキストの内容と合っていることです。例えば、見出しには大きめのフォントを使い、本文には読みやすいフォントを選ぶと良いでしょう。

ハナ: なるほど、フォントの雰囲気によって印象が変わるんですね。どんなフォントが合っているか、試しながら選ぶのも楽しそうですね！

リュウ: そうですね、フォントを選ぶのも楽しいですよね。実際にテキストエディタで選んでみると、イメージがつかみやすくなるかもしれませんよ。また、フォント以外にも、行間や文字間、文字の太さなども調整することができるので、思い通りにデザインすることができます。

ハナ: それは便利ですね！ちょっとした調整で、自分の好きなデザインに変えることができるんですね。楽しみです！ありがとう、リュウさん！

リュウ: どういたしまして、ハナさん！将来webデザイナーになるなら、フォントの使い方もとても重要ですよ。どんなフォントを選ぶかで、サイトの印象が変わることもあるので、ぜひ色々なフォントを試してみてくださいね。応援しています！

テキストエディタで文字サイズを変更する方法を教えてください。

ハナ: リュウさん、テキストエディタで文字サイズを変更する方法を教えてください。

リュウ: こんにちは、ハナさん！テキストエディタで文字サイズを変更する方法はいくつかありますよ。一つ目は、テキストエディタの上部にあるメニューバーを見てみてください。そこには「フォーマット」という文字があるかもしれません。その中に「文字の大きさ」という項目がありますので、そこで文字サイズを選ぶことができます。二つ目は、キーボード上の「Ctrl」キーを押しながら「+」キー（プラスキー）または「-」キー（マイナスキー）を押すことです。これで文字サイズが大きくなったり小さくなったりすることができます。どちらの方法も簡単ですので、試してみてくださいね！

ハナ: リュウさん、ありがとうございます！テキストエディタの上部にあるメニューバーを探して、「フォーマット」を見つけました！でも、「文字の大きさ」の項目が見当たらないんです。どうしたら良いですか？

リュウ: それはなかったですか？それでは、別の方法を試してみましょう。テキストエディタで「Ctrl」キーを押しながら「+」キー（プラスキー）を押すと文字が大きくなりますよ。逆に「-」キー（マイナスキー）を押すと文字が小さくなります。これなら文字サイズを自分で調節することができます。ぜひ試してみてくださいね！

ハナ: リュウさん、分かりました！検索する時にこのキーボードのショートカットを使って、文字サイズを変えてみます！ありがとう！また質問するかもしれませんが、よろしくお願いします！

リュウ: どういたしまして、ハナさん！いつでも質問してくださいね。私はいつでもここでハナさんを応援していますよ！頑張ってwebデザイナーになってくださいね！

テキストエディタで文字色を変更する方法を教えてください。

ハナ: テキストエディタで文字色を変更する方法を教えてください。

リュウ: ハナさん、大好きなwebデザイナーの夢に向けて頑張ってるんだね！素晴らしい！文字色を変更する方法について教えてあげるよ。まず、テキストエディタではHTMLとCSSを使って文字色を変えることができるんだ。HTMLは文書の構造を作る言語で、CSSは見た目・スタイルを指定する言語だよ。文字色を変えるには、まずテキストを囲む要素にCSSのスタイルを適用します。例えば、<span>要素を使ってテキストを囲んで、style属性に「color:赤;」と指定すれば、文字の色が赤に変わるよ。要素とは、例えば<p>や<h1>などのタグのことだよ。HTMLとCSSをうまく組み合わせて、ハナさんが思い描く素敵なウェブページを作ってみてね！どんなウェブページを作りたい？

テキストエディタで背景色を変更する方法を教えてください。

ハナ: テキストエディタで背景色を変更する方法を教えてください。

リュウ: こんにちはハナさん、背景色を変更する方法について教えますね。まず、テキストエディタでHTMLファイルを作成しましょう。その中にbodyタグを書いてください。bodyタグにstyle属性を追加し、background-colorプロパティを指定します。background-colorの後ろには、好きな色を指定します。例えば、背景色をピンクにしたい場合は、background-color: pink;と書きます。そうすると、作成したHTMLファイルをブラウザで開くと、背景色がピンクになります。

ハナ: わぁ、簡単そうですね！実際にやってみたいです。リュウさん、HTMLファイルを作るためのテキストエディタってどんなソフトウェアを使ったらいいですか？

リュウ: ハナさん、HTMLファイルを作るのに使われるテキストエディタはいくつかありますが、初心者におすすめなのは「Sublime Text」というソフトウェアです。Sublime Textは使いやすいインターフェースと多機能なエディターが特徴です。また、Mac、Windows、Linuxなど、さまざまなオペレーティングシステムで動作するので、お使いのパソコンに合わせて選ぶことができますよ。

ハナ: わー、Sublime Textですね！パソコンで使えるんですね！それじゃあ、Sublime TextをダウンロードしてHTMLファイルを作ってみます。リュウさん、教えてくれてありがとうございました！

リュウ: どういたしまして、ハナさん。Sublime TextでHTMLファイルを作って背景色を変えるの、きっと上手くできますよ。頑張ってくださいね！将来のwebデザイナーとして、応援しています！

テキストエディタでタブキーを押すと何が起こりますか？

ハナ: リュウさん、テキストエディタでタブキーを押すと何が起こりますか？

リュウ: タブキーを押すと、カーソルが固定のスペース分移動しますよ。例えば、インデント（字下げ）をするときに便利に使われますね。字下げは、段落を分かりやすく整理するために使われるんだよ。イメージとしては、本の見出しの下に少しインデントをすることで、本文が始まる場所がはっきりとわかります。それと同じように、コードを見やすくするためにも使われるんだ。知ってましたか、ハナさん？

テキストエディタでインデントを設定する方法を教えてください。

ハナ: テキストエディタでインデントを設定する方法を教えてください。

リュウ: ハナさん、テキストエディタでインデントを設定する方法について説明しますね。インデントとは、テキストの行の先頭にスペースやタブを追加して、文章の階層感を表現することですよ。例えば、段落の先頭や箇条書きの項目ごとにスペースを追加することで、読みやすい文章になります。テキストエディタによっては、インデントを自動で追加してくれる機能もありますよ。

テキストエディタで自動補完機能はありますか？

ハナ: テキストエディタで自動補完機能はありますか？

リュウ: そうですね、テキストエディタには自動補完機能がありますよ。イメージとしては、言葉の途中まで入力すると、テキストエディタが予測してくれて、残りの文字を補完してくれるんです。例えば、ハナさんが「<html>」と入力した場合、自動的に「</html>」が補完されるんですよ。とっても便利で、ミスが少なくなりますよ。これによって、大量のコードを素早くかけるようになります。将来のWEBデザイナーになりたいハナさんにとって、自動補完機能はとても役立つものになるでしょう。

テキストエディタでエラーチェック機能はありますか？

ハナ:テキストエディタでエラーチェック機能はありますか？

リュウ:そうですね、テキストエディタにはエラーチェック機能がありますよ。例えば、文章の単語の間にスペースを入れ忘れてしまったり、カッコや引用符の閉じ忘れがあったりすると、エラーチェック機能がそれを教えてくれるんです。それによって、ミスを見つけて修正することができ、正しい文章を作ることができるんですよ。エラーチェック機能は、小学生の宿題をチェックしてくれる先生のような存在だと言えますね。ミスを見つけて教えてくれるので、とても便利ですよ！

テキストエディタで複数のファイルを同時に開く方法を教えてください。

ハナさん、こんにちは！将来webデザイナーになりたいんですね。すごい夢ですね！テキストエディタで複数のファイルを同時に開く方法ですね。それはとても便利な機能ですよ。
まず、テキストエディタを起動した後、画面上のメニューバーにある「File（ファイル）」という項目をクリックしてください。その中に「Open（開く）」という項目があります。それを選択すると、ファイルを選ぶ画面が表示されます。
この画面で、同時に開きたい複数のファイルを選ぶことができます。複数のファイルを選ぶ方法は、ファイルを選択する際に、Ctrlキー（コントロールキー）を押しながらクリックすることです。複数のファイルを選んだら、「Open（開く）」ボタンをクリックしてください。
すると、選んだ複数のファイルが同時にテキストエディタ上で開かれます。それぞれのファイルが別のタブで表示されますので、切り替えながら編集することができますよ。
もし、ファイルを終了したい場合は、各ファイルのタブの左にある「×」マークをクリックするか、メニューバーの「File（ファイル）」から「Close（閉じる）」を選んでください。
なお、テキストエディタによっては、ショートカットキーを使って複数のファイルを開くこともできます。例えば、Ctrlキー（コントロールキー）を押しながら「O」キーを押すと、ファイルを選ぶ画面が表示されることがあります。このショートカットキーも覚えておくと便利ですよ。
どうですか、分かりやすかったですか？もし分からないことがあれば遠慮なく質問してくださいね。ハナさんのwebデザイナーの夢が叶いますように、応援しています！頑張ってくださいね！

神戸ホームページ制作プロ公式ブログ