Word link

HTML & CSS
1

After a long layoff I am back editing my site! I have the new base finished. I need to make a word of text a link to another part of the page as well as change colors when hovering. I have done this with buttons but not text before. Thank you for your help!

2

Hello,

Do you mean a named anchor? linking to an id in the page?


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>untitled</title>
<style>
 a {
   color: red;
 }
 a:hover {
   color: blue;
 }
</style>
</head>
<body>
  <p><a href="#example">Example link</a></p>
  <h2 id="example">Blah</h2>
</body>
</html>
3

I’m not sure exactly. One of the words on a page needs to link to another page on the site. for example: sign up here. Here is supposed to be a link to the sign up page.

4

Then you’re just wanting a regular link, the href attribute can have a relative or absolute URL


This is a <a href="/example.html">link relative to site root</a> and here's an
<a href="http://google.com/">absolute link</a>.
5

ah that makes sense. Does it matter if the link is before or after the word to be linked?

6

It “wraps around” it, so to speak:

[COLOR="#FF0000"]<a href="/example.html">[/COLOR][COLOR="#0000CD"]Word(s) to be linked[/COLOR][COLOR="#FF0000"]</a>[/COLOR]