How to make a H1 into a link as well

Semantic markup

[shanedif]

On the homepage of <snip> I have a headline "The Website Manager's Handbook". I want to use as much semantic markup as possible, so I have marked as a H1 using the following tag

h1.homepage_bannerarea {
font-size: 300%; color: #ffff00; font-family: Georgia, Verdana, Arial, Helvetica, serif; font-weight: normal; line-height: 80%; BORDER: #cccc00 0px solid; margin-bottom: -0.25em;
}

However, I now want to make this a hyperlink, with states for LINK, HOVER, ACTIVE and VISITED. How do I do that?

Is is something like:

h1.homepage_bannerarea a.link { etc }

h1.homepage_bannerarea a.hover { etc }

h1.homepage_bannerarea a.active { etc }

h1.homepage_bannerarea a.visited { etc }

If so, will it still remain 'semantically' as a HEADING 1?

Thanks

[edited by: trillianjedi at 10:21 am (utc) on Oct. 6, 2006]
[edit reason] No URL's as per TOS please ;) [/edit]

[jessejump]

>>>>> h1.homepage_bannerarea a.link { etc }

h1.homepage_bannerarea a:link { etc }
etc.

the A is within the H1