HTML 5 Introduction

This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

Task Navigation 

Install an HTML Text Editor

Learning Objectives

  • Identify desirable features in an HTML editor.
  • Compare two or more HTML editors.
  • Report your comparison to other participants of this class
  • Select an HTML editor for your personal use
  • Summarize the reason(s) that led you to choose your specific editor
  • Use your editor to produce a simple HTML page

Task Materials

For this course we need an HTML editing tool. There are many to choose from. We do not need many advanced features for this basic course so pick a simple text editor with syntax highlighting.

Online HTML editors

There are several HTML editors that you can use in your web browser:

  • Mozilla Thimble - Recommended to use on this course. Provides direct visual feedback, syntax highlighting, and easy publishing.
  • HTML Pad (Mozilla online HTML editor)
  • JS Fiddle (JavaScript, CSS, and HTML editor online)

Free/Open Source Text Editors

The following text editors have syntax highlighting and are Free/Open Source tools:

  • Bluefish (GNU/Linux, Mac OSX, Microsoft Windows)
  • Geany (GNU/Linux, Microsoft Windows)
  • gEdit (GNU/Linux, Mac OSX, Microsoft Windows)
  • jEdit (GNU/Linux, Mac OSX,Microsoft Windows)
  • Notepad++ (Microsoft Windows)

Advanced Integrated Development Environments (IDEs)

Task Discussion


  • AndyBKK   Jan. 13, 2012, 11:52 p.m.

    I am using Komodo Edit and I am liking it so far. 

  • Jay   Jan. 13, 2012, 9:12 a.m.

    I've installed Notepad++ and Aptana Studio 3 on my windows install. I find my self  just using Notepad++ at the moment. I also  have a Ubuntu Linux on my machine when running Linux I'm editing with vim.

  • Anonym   Jan. 10, 2012, 1:50 p.m.

    Notepad++

  • José González   Jan. 10, 2012, 6:30 a.m.

    I don't know if there are some freeware HTML editor that support HTML5 tags. In all of cases, I'll try with Notepad++ or PSPad.

  • Anonym   Jan. 10, 2012, 6:05 p.m.
    In Reply To:   José González   Jan. 10, 2012, 6:30 a.m.

    Notepad++ is a very good choice for the Windows-based writers.  Let us know how you like it. demian

  • Ken Doman   Jan. 9, 2012, 10:17 p.m.

    I have Eclipse and Aptana Studios 2.0, but for HTML, I tend to use Notepad++

  • Dusty   Jan. 8, 2012, 7:21 a.m.

    Notepadd++ for me too....love it!

  • Cyrusso   Jan. 7, 2012, 12:22 p.m.

    I've got few editors, currently using Aptana Studio 3 and HateML

  • Amosg   Jan. 4, 2012, 12:57 p.m.

    I am using AptanaStudio 3. Very useful.

  • Alvaro Gili   Dec. 30, 2011, 10:28 a.m.

    Yo uso Notepad++ y BlueFish

  • crgb   Dec. 27, 2011, 5:18 p.m.

    Notepad++

  • Pablo V   Dec. 23, 2011, 2:51 a.m.

    I use Notepad++, and also Sublime.

  • Robert Rivera   Dec. 5, 2011, 7:41 p.m.

    I also use Notepad++

  • skorpyan7   Nov. 30, 2011, 9:44 p.m.

    I've installed Notepad++

  • Greg   Nov. 30, 2011, 6:01 p.m.

    I'm using Notepad++ but also looking at Aptana Studio 3.

  • fdiaz   Nov. 29, 2011, 3:47 p.m.

    I just installed C9.io in the cloud:

    http://c9.io/flpdiaz/html5/workspace/HTML5/index.html

    It is a free service, the bad side is that it is an open source project. All your work is public, other than that it's great.

    Meet Cloud9, development-as-a-service for Javascripters and other developers. It all started with a dream of an online platform for Javascript development, where all the code is opensource, free to adapt and use for everyone, anywhere, anytime.

    http://c9.io/

  • jspita   Nov. 22, 2011, 1:58 p.m.

    I use Notepad++ for PC which is great, but I am looking for a free one for Mac, any recommendation?

  • moin   Nov. 22, 2011, 12:56 p.m.

    I have notepad++ it's cool!

  • leland   Nov. 16, 2011, 2:41 p.m.

    Using Tincta, but just got the trial version of Espresso and am going to give it a whirl and see if it is worth the price!