Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>Tree View Lists</title>
- <link href="CSS/StyleSheet.css" rel="stylesheet" />
- </head>
- <body>
- <ul>
- <li>
- <a href="#">List item</a>
- <ul>
- <li>
- <a href="#">Sublist 1 item 1</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 2</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 3</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 4</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">List item</a>
- <ul>
- <li>
- <a href="#">Sublist 1 item 1</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 2</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 3</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 4</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">List item</a>
- <ul>
- <li>
- <a href="#">Sublist 1 item 1</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 2</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 3</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 4</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">List item</a>
- <ul>
- <li>
- <a href="#">Sublist 1 item 1</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 2</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 3</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 1 item 4</a>
- <ul>
- <li>
- <a href="#">Sublist 2 item 1</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 2</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 3</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Sublist 2 item 4</a>
- <ul>
- <li><a href="#">Sublist 3 item 1</a></li>
- <li><a href="#">Sublist 3 item 2</a></li>
- <li><a href="#">Sublist 3 item 3</a></li>
- <li><a href="#">Sublist 3 item 4</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment