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 9: HTML Lists


The most common HTML lists are ordered and unordered lists:

HTML Lists

An ordered list:

  1. The first list item
  2. The second list item
  3. The third list item

An unordered list:

  • List item
  • List item
  • List item

HTML Unordered Lists

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

The list items are marked with bullets (typically small black circles).

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

How the HTML code above looks in a browser:

  • Coffee
  • Milk

HTML Ordered Lists

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

The list items are marked with numbers.

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

How the HTML code above looks in a browser:

  1. Coffee
  2. Milk

HTML Description Lists

A description list is a list of terms/names, with a description of each term/name.

The <dl> tag defines a description list.

The <dl> tag is used in conjunction with <dt> (defines terms/names) and <dd> (describes each term/name):

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

How the HTML code above looks in a browser:

Coffee
- black hot drink
Milk
- white cold drink

Basic Notes - Useful Tips

Tip: Inside a list item you can put text, line breaks, images, links, other lists, etc.


HTML List Tags

Tag Description
<ol> Defines an ordered list
<ul> Defines an unordered list
<li> Defines a list item
<dl> Defines a description list
<dt> Defines a term/name in a description list
<dd> Defines a description of a term/name in a description list





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