How to Create an HTML List Using Notepad

Notepad, a free text application provided with Microsoft Windows or Windows Vista, can be easily used to create basic Web pages. Additionally, Notepad is a good application to use to learn how to code HTML by hand. In this lesson, we will use Notepad to create a Web page which contains an HTML list. There are two kinds of lists that can be created using HTML: Ordered lists and unordered lists. Ordered lists are creating using the OL tag and unordered lists using the UL tag.

Difficulty: Moderate

Instructions

Things You'll Need:

• Basic knowledge of Microsoft Windows applications
• Some knowledge of text editing programs
• Some HTML knowledge would be helpful

1. 
    
   HTML code

   After opening Notepad enter the following for starting your HTML page (See graphic).

2. 
    
   HTML code

   After adding the code to setup our Web page, we will not add an ordered list tag pair (See graphic). The ordered list tag pair is entered into the BODY area of the document.

3. 
    
   HTML code

   Now, enter the first line item (LI) tag pair with content (See graphic).

4. 
    
   HTML code

   Add two more line item pairs with content (See graphic).

5. 
    
   Sample saved document

   Now, save your document as an HTML file by selecting File, File Save As, and enter "myfile.htm" (with the quotes) in the File Name text box and then select the Save button. The window titles of the file should reflect the file name you used to save the document (See graphic).

6. 
    
   Web browser preview

   Preview your Web page by opening it in your Web browser. Double-click on the page to open it.

7. 
    
   HTML Code

   Now, let's change OL to UL to create an unordered list. You should still have your document opened in Notepad. Make this change to your document and Save it (see graphic).

8. 
    
   Web browser preview of UL and list options

   Refresh or Reload your Web page to view the change (See graphic). List options are also included in the attached graphic. These options not only include the change of bullet shape, ordered character types, but also by using 'start', ordered lists can be renumbered from any line.

Tips & Warnings

• Lists can be nested
• Cascading Style Sheets coding can be applied to lists

Resources

• How to Create a Web Page Using Notepad
• How to Make an HTML Table Using Notepad

[dcole]

on 3/19/2009 This is very well thought out and clear. I used to make all my web pages in notepad because I like coding my own html. I think i'll try this to remind myself how to do it. Thank you! 5*

[MyJB]

on 3/7/2009 Informative article. I put it in my favorites. 5*