C and S Design.
Search Friendly Programming and Design

Go to -> C and S Design -> Reference -> HTML -> Tags -> Lists


HTML Tags and Elements

<ol> </ol>
Ordered List -

<li> </li>
Ordered List Item-

HTML Code Structure for an ordered List

<ol>Ordered List
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ol>

Rendered code for an ordered List

    Ordered List
  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4
  5. List Item 5

<ul> </ul>
Unordered List -

<li> </li>
Unordered List Item-

HTML Code Structure for an unordered List

<ul>Ordered List
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ul>

Rendered code for an unordered List

    Ordered List
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5

<dl> </dl>
Definition List -

<dt> </dt>
Definition List Term-

<dd> </dd>
Definition List Description -

HTML Code Structure for a definition List

<dl>Definition List
<dt>Term 1</dt>
<dd>Description for Term 1</dd>
<dt> Term 2</dt>
<dd>Description for Term 2</dd>
<dt> Term 3</dt>
<dd>Description for Term 3</dd>
<dt> Term 4</dt>
<dd>Description for Term 4</dd>
<dt> Term 5</dt>
<dd>Description for Term 5</dd>
</dl>

Rendered code for a definition List

Definition List
Term 1
Description for Term 1
Term 2
Description for Term 2
Term 3
Description for Term 3
Term 4
Description for Term 4
Term 5
Description for Term 5

Valid HTML 4.01! Valid CSS! copyright © C and S Design 2004 - 2005
Website Design and SE Friendly Coding C and S Design