HTMLのテキストファイルが写真のようにタグが出ません。タグを表示させるにはどうすればいいでしょうか

HTMLのテキストファイルが写真のようにタグが出ません。タグを表示させるにはどうすればいいでしょうか？macのテキストエディトで編集しています。

No.7 ベストアンサー 回答者： zircon3 回答日時： 2019/09/05 20:01

No.4です。

> ファイルをダブルクリックで開きましたがwebブラウザではなくテキストエディタで開いていると思うんですがこれはwebブラウザなのでしょうか？

えっと。。。(^^;
No.4に書きました方法で該当ファイルを開いてみられましたか？
また、その前後に書いた説明はおよみいただけましたか？
それを理解し実際にご自身で試しておられたらこのお返事は生じない物と理解しますが。。。

No.6 回答者： zircon3 回答日時： 2019/09/04 20:14

No.4です。

> 人に書いてもらったHTMLファイルを開いたのですがタグが表示されていませんでした。

えっと。。。(^^;
具体的にどうやってそのファイルを開きましたか？
もしかしてHTMLファイルのアイコンをダブルクリックしてませんか？
そうだとしますと質問に貼られた写真にあるウィンドウはWebブラウザのものです。

MacでもWindowsパソコンでもファイルのアイコンをダブルクリックすると、そのファイルの属性や拡張子に応じたアプリケーション・ソフトウェアがそのファイルを開きます。
ですので、HTMLファイルをテキストエディタで開いて編集したい場合は以下のような方法で開いてください。

(1) テキストエディタを起動し、そのウィンドウ上部にあるメニューから該当ファイルを指定して開く
(2) テキストエディタを起動し、該当ファイルのアイコンをマウスでつかんでテキストエディタのウィンドウへドラック＆ドロップする

中身はHTMLが書かれたテキストファイルでもファイルの属性がHTMLとなっていたり、ファイル名の拡張子が.htmlとか.htmとなっていると、パソコンのOSはHTMLの内容を正しく表示するためのソフトウェアであるWebブラウザを起動し、起動されたWebブラウザはその内容を読み込んで指定されたデザインで画面表示を行います。
そういうパソコンの基本中の基本をしっかり理解しましょう。

参考まで。

この回答へのお礼

回答ありがとうございます、ファイルをダブルクリックで開きましたがwebブラウザではなくテキストエディタで開いていると思うんですがこれはwebブラウザなのでしょうか？

お礼日時：2019/09/05 19:22

No.5 回答者： nitto3 回答日時： 2019/09/04 15:03

右クリック/ソースの表示。

この回答へのお礼

ありがとうございます、試してみます。

お礼日時：2019/09/05 19:22

No.4 回答者： pontajya 回答日時： 2019/09/04 12:01

これかも↓

HTMLファイルを読み込んだとき、ソース編集できるようにするには？
「テキストエディット」の初期設定の状態では、HTMLファイルを開くとソースではなくブラウザのようにタグが適用された形で表示されます。HTMLのソースをそのまま編集したい場合は、「HTML ファイル中のリッチテキストコマンドを無視」という設定をオンにします。

●設定方法
「テキストエディット > 環境設定…」を開きます
「開く／保存」のタブに切り替えます
「ファイルを開くとき：」のグループにある「HTML ファイル中のリッチテキストコマンドを無視」の左側のチェックをオンにします。

No.3 回答者： 噛めんサイダー 回答日時： 2019/09/04 11:45

ブラウズしているからでしょ。

ソースを見ていないからです。ソース表示にすれば見られます。

No.2 回答者： pontajya 回答日時： 2019/09/04 11:36

https://allabout.co.jp/gm/gc/2172/
↑
テキストエディットは、リッチテキストと標準テキストを選べるようです。
おそらく、リッチテキストで編集している状態だと思いますので、標準テキストに変更すればタグが表示されると思います。
［環境設定］を開くと、そこのフォーマットのところで、標準テキストが選べると思います。

この回答へのお礼

回答ありがとうございます。
環境設定を見ましたがリッチテキストではなく、標準テキストでした。なにか他に原因があるということでしょうか？

お礼日時：2019/09/04 11:47

No.1 回答者： zircon3 回答日時： 2019/09/04 11:22

> HTMLのテキストファイルが写真のようにタグが出ません。

この日本語文章の意味がよくわかりません。
「どのようなデザインのWeb画面にしようと」、「こういうHTMLを記述したが」、「こんな表示となってしまい思った結果が得られない」という「何が」、「何して、「こうなった」を具体的かつ明確にお書きください。
でないと読み手は何が何なのか質問者様の状況を理解できません。


> macのテキストエディトで編集しています。

十分ご存知とは思いますがHTMLはW3Cの勧告により規格が定まっているものですので、OSには依存しませんし、ましてやそれを作成・編集するのに使用しているエディタ・ソフトウェアとは何の関係もありません。
それよりも示すべきは「記述したHTMLはどのWebブラウザ（＝レンダリング・エンジン）を標準の表示環境と考えて書いたものか」です。

参考まで。

この回答へのお礼

回答ありがとうございます。
説明が不十分で申し訳ありません。人に書いてもらったHTMLファイルを開いたのですがタグが表示されていませんでした。なので表示させたかったのですが表示の仕方がわからなかったので質問しました。
エディタ、ソフトは物によって操作の仕方が違うと思ったので、記述しました。どのwebブラウザを標準にしているかはわかりません。
サイト制作などの経験がなく初心者である為、説明が不十分でした、申し訳ありません。

お礼日時：2019/09/04 11:55