htmlってどこに記述するの?
![すみれ](https://hiros-hobby-house.com/wp-content/uploads/2022/07/moe-570515__480.webp)
う~ん、、、
あれでも無いし、これでも無いですわ。
一体どうしたらいいんでしょうか?
![先生](https://hiros-hobby-house.com/wp-content/uploads/2022/07/man-1459246__480.webp)
すみれちゃん、どうしたの?
![すみれ](https://hiros-hobby-house.com/wp-content/uploads/2022/07/moe-595957__480.webp)
あっ!先生!!
htmlってどこに書けばよろしいのですか?
私、よくわかりませんわ。
![先生](https://hiros-hobby-house.com/wp-content/uploads/2022/07/man-1459246__480.webp)
なるほど、確かにそれはわからないよね。答えはね、、、
、、、、、、、どこでもOK!!
![すみれ](https://hiros-hobby-house.com/wp-content/uploads/2022/07/moe-570515__480.webp)
えっ?どこでも?
そんなことがあって良いのですか?そんなことあって良いわけありませんわよ。私が素人だからっていい加減なこと言いやがっておっしゃらないで下さい。
![先生](https://hiros-hobby-house.com/wp-content/uploads/2022/07/man-1459246__480.webp)
ん?、、、ぅん、、、
どこでもは流石に言いすぎたかもしれないけど、
お試しで書いてみるならPCのメモでも十分に書けますよ。
windowsは[メモ]に記述することができます。
「テキストエディット」「メモ」のどちらを使っても重要なことは、
拡張子を[.html](ドットhtml)で保存することです。
そうすることでHTMLファイルとして保存され、ブラウザで読み込んだ時もHTMLファイルとして認識されます。
そして保存したファイルをブラウザで開くか、ブラウザにドラッグ&ドロップするとHTMLが表示されます。
![先生](https://hiros-hobby-house.com/wp-content/uploads/2022/07/man-1459246__480.webp)
ちなみにブラウザとはGoogleとかMicrosoftEgdeとかSafariなど、ネットに繋がるアレのことだよ。
それでは前置きはこの辺にして試してみましょう。
![すみれ](https://hiros-hobby-house.com/wp-content/uploads/2022/07/moe-570514__480.webp)
先生、いつもありがとう。
![](https://hiros-hobby-house.com/wp-content/uploads/2021/07/8ca448dd3d5ec92edcacc1a32b670b2f-1024x640.jpg)
上のメニューバーのフォーマット→標準テキストにする。
![](https://hiros-hobby-house.com/wp-content/uploads/2021/07/182cb22f4a1402f7b1c4c66e7d8d2c59-1024x640.jpg)
![](https://hiros-hobby-house.com/wp-content/uploads/2021/07/d30a092b4eb8470d1e47935f43f7ad34-1024x640.png)
![](https://hiros-hobby-house.com/wp-content/uploads/2021/07/b59afe46d062ee2393dc6ea2b1416f49-1024x640.jpg)
![先生](https://hiros-hobby-house.com/wp-content/uploads/2022/07/man-1459246__480.webp)
そして保存したファイルをGoogleで開くと、暗号のような内容がブラウザでは分かりやすく表示されるようになるんだ。
上記の方法はMacのサポートでも見れるよ。
MacのテキストエディットでHTML書類を扱う
![すみれ](https://hiros-hobby-house.com/wp-content/uploads/2022/07/moe-595956__340.webp)
意外と簡単に書けるんですね。
お手軽に始められそうですので、すみれみたいな初心者にも優しいですわね。
![先生](https://hiros-hobby-house.com/wp-content/uploads/2022/07/man-1459246__480.webp)
確かに、気軽に始めやすいよね。
でもさらに本格的に視覚的にもわかりやすくhtmlを記述したい場合は
・Visual Studio Code
がおすすめだよ。
無料で利用できるし、すごく有名なエディターなので分からないことがあれば情報がいっぱいあるんだ。
![すみれ](https://hiros-hobby-house.com/wp-content/uploads/2022/07/moe-570515__480.webp)
先生にもわからないことがおありですの?
![先生](https://hiros-hobby-house.com/wp-content/uploads/2022/07/man-1459246__480.webp)
そりゃぁ、もちろんわからないことだってあるよ。
僕よりも精通している方がたくさんいるから、そもそものインストールから、拡張機能の追加の説明なども色々調べるとたくさん出てくるよ。
![すみれ](https://hiros-hobby-house.com/wp-content/uploads/2022/07/moe-595957__480.webp)
それでは私も早速調べてみますわ。
![先生](https://hiros-hobby-house.com/wp-content/uploads/2022/07/man-1459246__480.webp)
僕が参考にしたのはこちらだよ
![すみれ](https://hiros-hobby-house.com/wp-content/uploads/2022/07/moe-570514__480.webp)
先生、今日もありがとうございました。
自分で調べる力も大事なのですわね。
![先生](https://hiros-hobby-house.com/wp-content/uploads/2022/07/man-1459246__480.webp)
自分で悩みながら、調べて解決していくとどんどん成長できるからね。
それじゃ、また何かわからないことがあったらいつでもおいで。
![すみれ](https://hiros-hobby-house.com/wp-content/uploads/2022/07/moe-595957__480.webp)
は〜い、わかりました。