HTML and CSS Reference
In-Depth Information
}
h3 {
color : #8C1616;
background - color : #A6A47D
}
a {
color : #8C1616;
font - size : 11px ;
}
</ style >
< meta http - equiv = ”Content-Type” content = ”text/html; charset=UTF-8” >
< title > Global Navigation </ title >
</ head >
< body >
< nav > < a href = ”#” > Animal </ a > | < a href = ”#” > Vegetable </ a > | < a href = ”#” > Mineral </ a > |
< ul >
< h3 >& nbsp ; Animals </ h3 >
< li >< a href = ”#” > Mammals </ a ></ li >
< li >< a href = ”#” > Fish </ a ></ li >
< li >< a href = ”#” > Birds </ a ></ li >
< ul >
< h3 >& nbsp ; Mammals </ h3 >
< li >< a href = ”#” > Dogs </ a ></ li >
< li >< a href = ”#” > Cats </ a ></ li >
< li >< a href = ”#” > Other </ a ></ li >
< ul >
< h3 >& nbsp ; Dogs </ h3 >
< li >< a href = ”#” > Golden Retriever </ a ></ li >
< li >< a href = ”#” > Red Setter </ a ></ li >
< li >< a href = ”#” > German Shepherd </ a ></ li >
< li >< a href = ”#” > Greater Swiss Mountain Dog </ a ></ li >
</ ul >
</ ul >
</ ul >
</ nav >
</ body >
</ html >
151
Just from looking at the code, you may suspect that this kind of navigation system will quickly
overwhelm the page. Figure 8-1 shows what appears even though the possible choices have
been drastically cut.
 
Search WWH ::




Custom Search