Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Matthew Schmookler
Matthew Schmookler
8,970 Points
Posted by Matthew Schmookler
Matthew Schmookler
8,970 Points

Why is id going to broken link instead of referencing id given for place on page? RE: HTML Anchor lesson

This is the code I'm giving like in the anchoring lesson. However instead of referencing the id, the browser is taking me to a broken link page:file:///Users/quickmouse22/Desktop/“#my_linkâ€

the html root file is here: file:///Users/quickmouse22/Desktop/index.html

This is true for both id's. It is as though # is not working as an id indicator. what's wrong?

<!doctype html>

<html lang=“en”>

<head>
    <meta charset=“utf-8”>
    <title>My PAGE</title>
</head>
<body>
    <a href=“#the_text” id=“my_link”>My Link</a>

    <br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br>

    <p id=“the_text”>The anchor takes us here.</p>

    <a href=“#my_link”>Go Back</a>

        <br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br>
</body>

</html>

Matthew Schmookler
Matthew Schmookler
8,970 Points
Matthew Schmookler
Matthew Schmookler
8,970 Points

UPDATE: By removing "", everything worked properly. So I'm assuming that my mac text edit application is sending some kind of extra coding with "". I guess this isn't a big deal, but any suggestions?

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Matthew,

Text Edit is a word processor and not a text editor. It puts in the wrong kind of quotes among other things.

You'll want to get a dedicated text editor as John mentions.

2 Answers

John Leskas
John Leskas
24,093 Points

Try using sublime text. It's the best editor i ever used and it also has emmet as an extension for rapid prototyping. https://github.com/sergeche/emmet-sublime

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

There is a link to "package control" on that page.

I recommend you install that first. Then installing new packages like "emmet" are just a few keystrokes away.

Matthew Schmookler
Matthew Schmookler
8,970 Points
Matthew Schmookler
Matthew Schmookler
8,970 Points

Awesome, thank you guys. Sublime downloaded. Looking good!

John Leskas
John Leskas
24,093 Points
John Leskas
John Leskas
24,093 Points

Try also and find some tutorials of sublime text for rapid prototyping. You will be surprised with how fast you can build thngs. You are welcome!