Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy isn't html rendering on my web browser?
    primarykey
    data
    text
    <p>It just appears like this in Google Chrome:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;Hello World!&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1 align="center"&gt;Hello World!&lt;br/&gt;Welcome to My Web Server.&lt;/h1&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Why isn't it transforming as expected?</p> <p>Edit: Yes the file does have an .html filename. I'm not sure it should need a header yet according to a tutorial I'm using which says that it should render correctly without one? All new to this so I'm unsure.</p> <p>Edit: When I open it with textedit, I get this:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;meta http-equiv="Content-Style-Type" content="text/css"&gt; &lt;title&gt;&lt;/title&gt; &lt;meta name="Generator" content="Cocoa HTML Writer"&gt; &lt;meta name="CocoaVersion" content="1038.35"&gt; &lt;style type="text/css"&gt; p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica} &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;p class="p1"&gt;&amp;lt;html&amp;gt;&lt;/p&gt; &lt;p class="p1"&gt;&amp;lt;head&amp;gt;&lt;/p&gt; &lt;p class="p1"&gt;&amp;lt;title&amp;gt;Hello World!&amp;lt;/title&amp;gt;&lt;/p&gt; &lt;p class="p1"&gt;&amp;lt;/head&amp;gt;&lt;/p&gt; &lt;p class="p1"&gt;&amp;lt;body&amp;gt;&lt;/p&gt; &lt;p class="p1"&gt;&amp;lt;h1 align="center"&amp;gt;Hello World!&amp;lt;br/&amp;gt;Welcome to My Web Server.&amp;lt;/h1&amp;gt;&lt;/p&gt; &lt;p class="p1"&gt;&amp;lt;/body&amp;gt;&lt;/p&gt; &lt;p class="p1"&gt;&amp;lt;/html&amp;gt;&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I don't remember saving it like this at all.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload