LISTSweb designer image

You can create ordered lists--this really means numbered--to display items such as

Table of Contents

A set of instructions

An outline

A list is located between the body tags somewhere in the document. The list is introduced with the tag <ol>.  Each item in the list is introduced with a list item tag <li>.  A closing list item tag is not required, and numbering is automatic.  If you add or delete items, the browser renumbers your list when your page is refreshed. You must type </ol> at the end of the list to end the command.

<h2>Making Ordered Lists</h2>

<ol>

<li> Data 1

<li> Data 2

<li> Data 3

<li> Data 4

</ol>

Making Ordered Lists

1. Data 1

2. Data 2

3. Data 3

4. Data 4

You can create unordered lists--this really means bulleted--to display items such as

Products

Shopping list

Web sites

You introduce an unordered list with the tag <ul>. Each item within the unordered list starts with a list item tag <li>.  A closing list item tag is not required but you must end the list command with </ul>

<h2>Making Unordered Lists</h2>

<ul>

<li>apples

<li>carrots

<li>onions

<li> bread

</ul>

Making Unordered Lists

Add a list to your web page. Save your source and click Refresh to view your page in the web browser.


Copyright Notice: No materials on any of the Bellingham Schools’ web pages may be copied without express written permission unless permission is clearly stated on the page.
Permission / Image Information / Return to Tech Connections Homepage / District Homepage