2017-02-15 11 views
1

最近私は自分自身でHTMLを教えていました。新しい知識をテストして、実際のHTMLファイルをゼロから作成しようとしていました。ブラウザでプレーンテキストとして表示されるhtmlコード

私はMacを使用していますので、多くのオンラインガイドを読んだ後、私はTextEditを使ってコードを管理し編集しました。

私は自分のコードをすべて書きます。 name.htmlとして保存し(ファイルが実際にHTMLでありname.html.txtでないことを確認してください)、次にGoogle chromeで起動して、自分のコードがHTMLではなくプレーンテキストとして解釈されることを確認します。

なぜこのようなことが起こりますか、HTMLをHTMLとして解釈させるにはどうすればよいですか?

私はすべてが私もノー成功と他のブラウザを使用してみまし正しかったチェック倍にもいくつかのスペースを除去することによって、自分のコードを修正しようとした

...

だからここに私のコードです:

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title>This is a test</title> 
 
    </head> 
 
    <body> 
 
    <h1>This is a quick test</h1> 
 
    <p>This website is made for personal use so I can try out my new knowledge on HTML5 and CSS.</p> 
 
    </body> 
 
</html>

この正確なコードは、ブラウザで起動すると次のように表示されます。 (Browser screenshot)

+0

テキストエディタではなくブラウザでhtmlファイルを開きますか?あなたのコードは正しいです。その後、何かが間違っています。 – Stony

+1

最後に.txt拡張子が追加されていませんが、あなたのファイルマネージャーには表示されません。 EnterをクリックしてFinderでファイルの名前を変更し、終了/拡張子が本当に.htmlで、.html.txtでないことを確認してください。 – Dan

+3

これを参照してください:http://stackoverflow.com/a/14439919/1052906 – larrylampco

答えて

2

問題ですTextEditで。別のエディタで開き、もう一度保存してください。それが修正されているかどうか確認してください。

TextEditを編集して、HTMLと連携するようにすることもできます。そのことを学ぶことができますhere

+0

括弧を使用することをお勧めします。コードをライブでプレビューすることもできます。 –

0

ファイルをGoogle Chromeで開き、画面のどこでも右クリックして[ページソースを表示]をクリックします。

あなたは、ファイルビュー・ソースで始まるURLバーのURLを新しいタブで

を開い表示されます:あなたは何が最初ではない原料の束が表示された場合

あなたのファイルに入力された場合、ファイル拡張子が.htmlであっても、TextEditは平文の代わりに何らかの形のリッチテキストとしてファイルを保存していた可能性があります。私はTextEditのwikipedia articleを見て、リッチテキスト文書の作成にTextEditを使用できると教えてくれました。これが起こった場合(私はMacの人ではないので100%確信することはできませんし、TextEditプログラムを使ったこともありません)、別のテキストエディタを使ってあなたのhtmlファイル。

+1

迷惑メールとして認識される可能性があるので、ソフトウェアの推奨事項を回答に含めないでください。あなたが行ったように、コードまたは理論で質問に答えるだけで、迷惑な製品のアドバイスを省くことができます。 – Adriaan

関連する問題