ALL ABOUT LINKS - HTML5 - page 134

body {
font - family : Verdana , Geneva , sans - serif ;
background - color : #D4CBA0;
color : #804130;
}
h1 {
font - family : ”Arial Black” , Gadget , sans - serif ;
color : #4F3C33;
background - color : #BD4A14;
text - align : center ;
}
h2 {
color : #6D7F59;
}
h3 {
margin - left : 15px ;
color : #4F3C33;
}
a {
font - family : ”Trebuchet MS” , Arial , Helvetica , sans - serif ;
font - size : 11px ;
color : #BD4A14;
text - decoration : none ;
}
nav {
text - align : center ;
}
#fsquirell { };
#cats { };
#dogs { };
</ style >
< head >
< meta http - equiv = ”Content-Type” content = ”text/html; charset=UTF-8” >
< title > Anchors </ title >
</ head >
< body >
< article >
< header >
< nav >< a href = ”#fsquirrel” > Flying Squirrels </ a >& nbsp ; | < a href = ”#cats” > Cats </
a > &nbsp ; | < a href = ”#dogs” > Dogs </ a ></ nav >
< h1 > Caring for Pets </ h1 >
Just in case you're not interested in Flying Squirrels, you can select the “Cat”
or “Dog” anchors and go right to your topic of interest. </header>
<section ID= ”fsquirrel” >
<header>
<h2>Care and Handling of Flying Squirrels</h2>
</header>
<h3>Hangars</h3>
<h3>Runways</h3>

138