Creating HTML in TextEdit

1) Find text edit on your computer.

NOTE: I couldn't find it at first so I clicked on the 5th button on the top left of the keyboard. I don't know what this button is called but it brings up all of your applications, then at the top of the apps you can search for "TextEdit".

2) Once it pops up, click on it and a new text edit window will appear.

3) Click on "TextEdit" at the top left of your screen.

4) Click on "Preferences".

5) There are two tabs you can choose from:
"New Document" and "Open and Save"

6) In New Document under Format, you want to change "Rich Text" to "Plain Text" simply by clicking on the circle next to "Plain Text".

NOTE: Changing the format from "Rich Text" to "Plain Text" will prevent you from accidentally adding Rich Text formatting to your HTML code. Rich Text includes information about the text like font size, bold, italics, margins ect. Plain Text is simply text. HTML is written in Plain Text.

7) Go to the "Open and Save Tab"

8) Click on "Display HTML files as HTML code instead of formatted text"

Those are the changes you need to make in preferences so now you just need to...

9) Quit Text Edit and reopen it for the changes to take effect.

NOTE: You may notice now that the formatting bar that was at the top of the window is now gone. This indicates that you are now in "Plain Text".

10) When you are finished coding make sure you save your file with ".html" at the end.
UTF-8 is the preferred encoding for HTML files.

Comments