×

Multi-Multi-Level List [6/17]

Excellent! You have created a two-level list. Now let's tackle a more difficult task.

You will create a four-level list as follows:

  1. Markup
    1. HTML Basics
      1. HTML Tags
        1. Paired tags
        2. Singular tags
    2. CSS Basics
      1. Selectors
        1. By type
        2. By class
        3. Nested
    3. Coding Style
  2. Basics of Photoshop
  3. Creating Layouts
  4. Decorative Elements
  5. Introduction to JavaScript
  6. Progressive Enhancement

Do it
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Multi-Multi-Level List</title> </head> <body> <h1>Fantastic Multi-Level List</h1> <ol> <li>First item</li> <li>Second item</li> </ol> </body> </html>
CSS
HTML Academy
  1. Create a four-level ordered list. Put at least one item per level.
Theory Check Next