Below is the code for a static nested unordered list
- The outside <ul> tag contains 3 items <li> tags
- Each <li> tag has a nested <ul> tag (a child node) containing 3
or more items
- An anchor/hyperlink <a> tag is used to create the navigational
link for each <li> tag
The code below produces the list at the top of the page.
The objective is to modify the code to represent a Horizontal menu.
<![CDATA[
<ul>
<li>First
<ul>
<li><a href="#" >aaaaaaaa</a></li>
<li><a href="#" >bbbbbbbb</a></li>
<li><a href="#" >cccccccc</a></li>
<li><a href="#" >dddddddd</a></li>
</ul>
</li>
<li>Second
<ul>
<li><a href="#" >eeeeeeee</a></li>
<li><a href="#" >ffffffff</a></li>
<li><a href="#" >gggggggg</a></li>
</ul>
</li>
<li>Third
<ul>
<li><a href="#" >hhhhhhhh</a></li>
<li><a href="#" >iiiiiiii</a></li>
<li><a href="#" >jjjjjjjj</a></li>
<li><a href="#" >kkkkkkkk</a></li>
<li><a href="#" >llllllll</a></li>
</ul>
</li>
</ul>
]]>