Comments, Questions, Suggestions, or Opinions












Tutorials
Lesson:

  1. What is HTML?

  2. HTML Editors
  3. HTML Elements and Attributes

  4. HTML Headings and Paragraphs

  5. HTML Formatting

  6. HTML Links

  7. HTML Images

  8. HTML Tables

  9. HTML Lists

  10. HTML Forms

Exercises
For every lesson:

  1. Hyper Text Markup Language

  2. Notepad

  3. Start tag to End tag and name="value"

  4. <h1> and <p>

  5. <b> and <i>

  6. <a href=>

  7. <img src=>

  8. <th> <tr> and <td>

  9. <OL> and <UL>

  10. <form>



My accounts:







Lesson 2: HTML Editors


Writing HTML Using Notepad or TextEdit

HTML can be edited by using a professional HTML editor like:

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML.

Follow the 4 steps below to create your first web page with Notepad.


Step 1: Start Notepad

To start Notepad go to:

Start
    All Programs
        Accessories
            Notepad


Step 2: Edit Your HTML with Notepad

Type your HTML code into your Notepad:

Notepad


Step 3: Save Your HTML

Select Save as.. in Notepad's file menu.

When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.

Save the file in a folder that is easy to remember, like w3schools.


Step 4: Run the HTML in Your Browser

Start your web browser and open your html file from the File, Open menu, or just browse the folder and double-click your HTML file.

The result should look much like this:

View in Browser






Click here to take the exercises of this lesson -->