Mac Textedit won't show "style" in Safari

[rickholcomb]

Hi,

 

I am doing then w3schools HTML Tutorial. I am using Mac Textedit. The text shows OK in Safari but it won't show the color. Here is the line of code: <h1 style=“color:red”>Followed by a smaller heading</h1>

 

This shows as an H1 (very large text) but won't show the red color. Here are my Textedit settings:

 

New Document: Plain text

 

Open and Save: Display HTML files as HTML code instead of formatted text

Document type HTML 4.01 Strict

Styling (I've tried all 3 options to no avail)

Encoding Unicode (UTF-8)

 

There is no Document type option for HTML5.

 

What do I need to do to get this working? Entire index file attached

 

Thanks, Rick

 

 

 

index.html

[Ingolme]

Your text edit is using curly quotes instead of ordinary quotation marks. Also, it is saving it with a Windows-1252 encoding when it should be saving as UTF-8.

 

I would suggest using a different text editor, as I've seen many people on this forum have problems due to using TextEdit. Try Notepad++: https://notepad-plus-plus.org/

[rickholcomb]

Hi Foxy Mod,

 

Thank you for your reply. Think a different text editor would be a good answer. Unfortunately Notepad-plus-plus does not appear to run on a Mac computer. Any suggestions for a Mac?

 

Cheers, Rick

[rickholcomb]

I downloaded "TextWrangler" and it all works fine. Thank you so much for your time and effort in solving this problem. Now I am up and going. Cheers.

[DarkxPunk]

Hey Rickholcomb,

 

Don't fear TextEdit too much, it just needs a little wrangling, plus if you are not at your home computer and need to do an edit it may be good to know how to fix TextEdit.