Issue with a href, link misfunctions, Tribute page project <Issue SOLVED>

#1

Hello everybody! I’ve just started my project and stumbled into a nasty problem I don’t even know how to properly describe to google the solution)) (I tried, really)

Basically what I’m trying to do is to add an extra link in the top section of my page. I don’t know where it all went wrong, but whenever I add <a href="" it turns all the text below into a link, though I thought it should stop at the end of< /p>.

Here is the code

body { background-color: #FAFAD2; } .headline {margin-top: 50px;text-align: center;} .headline1{font-size: 64px; font-family: Rockwell, Helvetica; } .headline2 {text-align: center;}

Froo the Whippet

Foolishness and Courage

a clos-up of the dog

Froo's full name is actually "Joffrey". He is named after <a href="https://en.wikipedia.org/wiki/Angélique,_the_Marquise_of_the_Angels" target="blank" Joffrey de Peyrac.

As said in the title of the page, Froo is a whippet. Key traits of the breed are:
  • Weight: 20–42 pounds (9.1–19.1 kg)
  • Height: Male: North America: 18.5–22.5 inches (47–57 cm) International: 18.5–20 inches (47–51 cm) Female: North America: 17.5–21.5 inches (44–55 cm) International: 17.5–18.5 inches (44–47 cm)
  • Coat: Fine, dense, short
  • Color: Immaterial (Not important)
  • Litter size: 1–10 pups per litter, with the average being 6.1 pups
  • Life span: 12–14 years

You can learn more about this whippets <a href="https://en.wikipedia.org/wiki/Whippet" target="blank" here.

Can anyone help?

#2

Hi @Zubarilla

You need wrap the text you wan’t to link with an opening and closing tag like so:

<a href="http://somelink.com">This is the link text</a>

The example you linked (and in your codepen project) is missing the closing bracket ‘>’ from the start of the a tag:

<a href="" > // <---- This is missing
1 Like
#3

Good catch! I’m not sure, but I think the target="blank" should be target="_blank"

1 Like
#4

Good god :frowning: this is so obvious! I feel so stupid))

Thanks a lot for your help!

1 Like
#5

Thanks! You’re right!

#6