How to make HTML created in TextEdit appear as a WebPage

After creating HTML in TextEdit for the first time I expected that when I saved the document as .html I would have no problem opening the code as a webpage. Unfortunately, I was sorely mistaken. When I clicked to open the webpage it looked like this:

Image

Yep, the code was still appearing as a code and not as a true webpage. The problem, I learned, was that by default TextEdit works in Rich Text Format (you can tell if the document is in Rich Text because you can see the rulers in the document, as shown in the image below):

Image

In order to make your HTML appear as a webpage you need to change TextEdit to work in Plain Text. To do this you’re going to want to click Format and select “Make Plain Text” as seen below:

Image

You should immediately notice that the document looks different, as the font will have changed and the rulers will be gone.

Image

It is important to note that even if you had previously saved the document as .html it will change to .txt by default. Make sure you rename the document to include .html. You can do this by clicking the document’s title, clicking rename, and replacing ‘txt’ with ‘html’. The final title of the document should look like this:

Image

From there if you open the webpage it will look like this:

Image

Now you should have no problem creating webpages using TextEdit.

By: Julia Eisler

~ by juliaeisler on February 1, 2014.

 
%d bloggers like this: