Nested HTML Lists 1 Explain
List can be nested (lists inside lists).
Html Code:
<!DOCTYPE html>
<html>
<body>
<h2>A Nested List</h2>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
</body>
</html>
Html Code Result:
A Nested List
- Coffee
- Tea
- Black tea
- Green tea
- Milk
- Coffee
- Tea
- Black tea
- Green tea
- Milk
Nested HTML Lists 2 Explain
List can be nested (lists inside lists).
Html Code:<!DOCTYPE html>
<html>
<body>
<h2>A Nested List</h2>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea
<ul>
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
</body>
</html>
Html Code Result:
A Nested List
- Coffee
- Tea
- Black tea
- Green tea
- China
- Africa
- Milk
- Black tea
- Green tea
- China
- Africa
Post a Comment