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.