{ LearnWebSiteDesign.com }

HTML, XHTML CSS Tutorials and Free Website Templates

HTML List Tutorials

This tutorial shows you how to create ordered and un-ordered lists in HTML.

How To Create Un-ordered Lists

A starting <ul> tag and an ending </ul> tag define an un-ordered list. Nested within the <ul> tags are starting <li> tags and ending </li> tags which define each list item.

You can place text and HTML elements including images, hyperlinks, paragraphs, other lists, etc. within a list item.

<ul> <li>un-ordered list item</li> <li>un-ordered list item</li> <li>un-ordered list item</li> </ul>

The image below shows how an un-ordered list would look in a web browser.

unordered list

How To Create Ordered Lists

A starting <ol> tag and an ending </ol> tag define an ordered list. Nested within the <ol> tags are starting <li> tags and ending </li> tags which define each list item.

<ol> <li>ordered list item</li> <li>ordered list item</li> <li>ordered list item</li> </ol>

The image below shows how an ordered list would look in a web browser.

ordered list

Tutorials

References

Templates

Sponsors

Advertise your web design and web development related products and services here.