How to Create a Web Page with Google Page Creator
How to Publish an Uncategorized Article in Joomla CMS
How to Create an Uncategorized Article in Joomla

How to Create HTML Lists in Notepad

Including lists on your Web pages is good design. Lists are interesting to look at, easy to scan, and inspire you to write short, punchy phrases. Follow these steps to create a list in Notepad:

1

Add the text for your list in Notepad.

For the document shown here, this is what was typed:

If you meet the following three qualifications, most important first, you may be eligible to become a member of Death Valley Hockey Club:

8 to 12 years old. Death Valley Hockey Club has girls from 8 to 12 years old as members. You must have been 8, 9, 10, 11 or 12 on January 1st of this year.

Good in school. We need you to show us you’re a good student, and to maintain your academic standing throughout your time with us.

Some sports experience. We would like you to have some previous organized sports experience in any sport.

2

Surround the lines that will make up the list with the list tags, <ul> and </ul> for an unordered (bulleted) list, or <ol> and </ol> for an ordered (numbered) list.

In the example, the <ol> tag went before the line that begins 8 to 12 years old, and the </ol> tag after the period following the words in any sport.

3

Precede each list item with the <li> tag.

In the example document, the <li> tag went before the lines that begin:

8 to 12 years old

Good in school

Some sports experience

With new standards such as XML and XHTML in place, it’s considered good form to always close off tags, which means that it’s now recommended that you use a closing </li> tag after each item. This is good advice, yet there’s never enough time to do all one would like to do, and this recommendation may fall into that category.

4

(Optional) for a bulleted list, change the bullet style by adding an additional element, called an attribute, to each <li> tag.

<li type=disc> produces a filled-in circle or bullet. <li type=square>, produces a square, and <li type=circle>, an open circle

5

Save your document adding .htm to the filename, if you’re saving it for the first time, and open it in a Web browser window (or refresh the window if you already have this document open).

The list appears in the edited Web page.

blog comments powered by Disqus
How to Use the CoffeeCup HTML Editor
How to Change an Article Title in Joomla CMS
Using Notepad to Format Your Web Page
How to Register for a Google Account
Numeric Values and Local Storage with HTML5
Advertisement

Inside Dummies.com