HTM27. A Web page with nested lists

HTML27 Description

Output

Source Code

Description

It is a combination of definition terms, ordered list and unordered list

Output

Web page with three nested lists

Here is my three-level nested list

First-level list item 1
First-level list item 2
1. Second-level list item 1
2. Second-level list item 2
3. Second-level list item 3
  - Third-level list item 1
  - Third-level list item 2
  - Third-level list item 3
4. Second-level list item 4
First-level list item 3

Term 1
Definition Term 1
Term 2
Definition Term 2
Term 3
Definition Term 3
First-level list item 4

Source Code

<HTML>

<HEAD><TITLE>HTM27. A Web page with nested lists</TITLE></HEAD>

<BODY>

<H2><B><CENTER><FONT COLOR = “blue”>

Web page with three nested lists

</FONT></CENTER></B></H2>

<! List uses default list symbols>

Here is my three-level nested list

<UL>

<LI>First-level list item 1

<LI>First-level list item 2

<OL>

<LI>Second-level list item 1

<LI>Second-level list item 2

<LI>Second-level list item 3 <UL>

<LI>Third-level list item 1

<LI>Third-level list item 2

<LI>Third-level list item 3

</UL> <LI>Second-level list item 4

</OL>

<LI>First-level list item 3 <DL>

<DT>Term 1

<DD>Definition Term 1

<DT>Term 2

<DD>Definition Term 2

<DT>Term 3

<DD>Definition Term 3

</DL>

<LI>First-level list item 4

</UL> </BODY>

</HTML>

BACK