html tutorial - HTML Editors - html5 - html code - html form




  • Web pages can be created and modified by using professional HTML editors.
  • Be that as it may, for learning HTML we prescribe a basic content tool like Notepad (PC) or TextEdit (Mac).
  • Some specialized HTML editors can offer convenience and added functionality.
  • Using a simple text editor is a decent approach to learn HTML.
  • Follow the four steps below to make your first web page with Notepad or TextEdit.

Step 1: Open Notepad (Windows)

  • In Windows 7, Notepad is found in the Accessories folder in the Start Menu.
  • But there's no need to navigate to that folder when you can just type notepad into the Start Menu search box.
  • To find Notepad in Windows 8.1, either type notepad on the Start screen, or bring up the charms and type into the search box.
how to open notepad

Step 1: Open TextEdit (Mac)

  • Open Finder > Applications > TextEdit
  • Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"
  • Then under "Open and Save", check the box that says "Ignore rich text commands in HTML files".
  • Then open a new document to place the code.
Open notepad in mac

Step 2: Write Some HTML

  • Write or copy some HTML into Notepad.
programming in notepad

Step 3: Save the HTML Page

  • Now is a good time to save our document and then see how it looks in our web browser.
  • From within your text editing program, click File, and then Save.
  • Name the file "index.html" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).
save the notepad

Step 4: View the HTML Page in Your Browser

  • Open the saved HTML file in your browser (double click on the file, or right-click - and choose "Open with").
Open webpage in browser
  • The result will look much like this:
Output of the program

The following is a list of HTML editors.

Tips and Notes

  • You can use either .htm or .html as file extension. There is no difference, it is up to you.

Related Searches to Html Editors

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×