www.pickatutorial.com Computer Tutorials
Top eBooks: C/C++ | C# | Android | Mathematics | Database | Cloud | Graphics | Networking | Oracle | Hardware | AI
Top Tutorials: C/C++ | C#.NET | PHP MySQL | Java | Java Script | jQuery | HTML | xHTML | HTML5 | VB Script| CSS
Lessons Nesting HTML Lists Bookmark and Share
Tutorial Home
Lesson 1
Lesson 2
Lesson 3
Lesson 4
Lesson 5
Lesson 6
Lesson 7
Lesson 8
Lesson 9
Lesson 10
Lesson 11
Lesson 12
Lesson 13
Lesson 14
Lesson 15
Lesson 16
Lesson 17
Lesson 18
Lesson 19
Lesson 20
Lesson 21
Lesson 22
Lesson 23
Lesson 24
Lesson 25
Lesson 26
Lesson 27
Lesson 28
Lesson 29
Lesson 30
Lesson 31
Lesson 32
Lesson 33
Lesson 34
Lesson 35
Lesson 36
Sometimes it become necessary to nest lists. One particular example is the index of a book. HTML allows nesting of lists. Following is an example of the nesting of lists for upto 3 levels.
<ol> 
    <li>Level 1 Item 1</li> 
    <li>Level 1 Item 2</li> 
    <ul>
       <li>Level 2 Item 1</li> 
       <ul>
           <li>Level 3 Item 1</li>
           <li>Level 3 Item 2</li>
       </ul>
       <li>Level 2 Item 2</li> 
    </ul> 
    <li>Level 1 Item 3</li> 
</ol>

The Output is:

  1. Level 1 Item 1
  2. Level 1 Item 2
    • Level 2 Item 1
      • Level 3 Item 1
      • Level 3 Item 2
    • Level 2 Item 2
  3. Level 1 Item 3
You can nest your lists upto as many levels you like, but remember this nesting should not harm the readibility of your content.
Next >>> Lesson No. 13: The HR Tag







Home - Advertise - Contact - Disclaimer - About Us
© Since 2006 pickatutorial.com -- All Rights Reserved.