Full Example of Nested HTML Lists
Note: A list item (<li>) can contain a new list, and other HTML elements, like images and links, etc.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h2>A Nested List</h2>
<p>Lists can be nested (list inside list):</p>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
</body>
</html>
Output should be:
| Full Example of Nested HTML Lists | HTML Lists |
| What is HTML Lists | HTML Lists |
| How to create HTML Lists | HTML Lists |
| How to create Unordered HTML List | HTML Lists |
| How to create Ordered HTML List | HTML Lists |
| How to create HTML Description Lists | HTML Lists |
| How to create Unordered HTML List - Choose List Item Marker | HTML Lists |
| How to create Nested HTML Lists | HTML Lists |
| How to create HTML Horizontal List with CSS | HTML Lists |
| How to create Ordered HTML List - The Type Attribute | HTML Lists |
| How to create HTML Ordered HTML List Number | HTML Lists |
| How to create HTML Ordered Uppercase Letters | HTML Lists |
| How to create HTML Ordered Lowercase Letters | HTML Lists |
| How to create HTML Ordered Uppercase Roman Numbers | HTML Lists |
| How to create HTML Ordered Lowercase Roman | HTML Lists |
| How to create HTML Control List Counting | HTML Lists |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Lists |
Uploaded by: | Admin |