Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Links Websites: Part 1

Linking Webpages

I am attempting to link one webpage to another in Websites part one. My version of TextEdit in Max OSX 10.9.3 Does not have any way it sees of linking files like in the video. I have tried putting both in iCloud and a folder on my desktop. Is there a way to get these two files to link together being as close to the instructions as possible:

Everything looks the way it is supposed to on both pages at this point in the video. Here is what the link looks like from the URL bar:

file:///Users/johnwallaceone/Desktop/Code%20Folder/%C3%A2%E2%82%AC%C5%93another_page.html%C3%A2%E2%82%AC%C2%9D

John, any chance you could post your code?

9 Answers

Here are some of the best editors in my opinion. The first few are Mac-specific.

  1. Coda 2
  2. Espresso
  3. Textastic
  4. Chocolat
  5. TextMate 2
  6. Atom
  7. Brackets
  8. Sublime Text
  9. Light Table
  10. TextWrangler
  11. BBEdit 10
  12. Komodo Edit
  13. PhpStorm

If you are using Microsoft Word, that is most likely the issue. You'll need to use something like Brackets, Sublime Text or Notepad++.

This is from Index: <!doctype html> <html lang=“en”> <head> <meta charset=“utf-8”> <title>My Page</title> </head>

<body>

<p>Our First Page</p>

<a href=“another_page.html”>My Link</a>

</body> </html>

And This is from another page <!doctype html> <html lang=“en” <head> <meta charset=“utf-8”> <title>My Page</title> </head>

<body>

<p>Another Page</p>

</body> </html>

Thank you!

Hold on that is not the code.

<!doctype html>
<html lang=“en”
<head>
<meta charset=“utf-8”>
<title>My Page</title>
</head>

<body>

  <p>Another Page</p>



</body>
</html>

and

!doctype html>
<html lang=“en”>
<head>
<meta charset=“utf-8”>
<title>My Page</title>
</head>

<body>

<p>Our First Page</p>

  <a href=“another_page.html”>My Link</a>

</body>
</html>

Thank you for helping me.

I copied and pasted the code as you suggested and only one of the quotations even looks different but I am seeing the same result. Thanks, John

What are you using for a code editor? You want character encoding set to utf8. I have updated a list of code editors you can use to my post above.

I saw your list I am using textedit on a mac 10.9.3 I have downloaded Sublime and Brackets and will try at least one of them. Notepad++ seems to be for windows only. Do you mean utf8 as supposed to utf-8?

You won't be able to use TextEdit and that is most likely your issue since it has character formatting. My personal preference for the Mac: Brackets, Atom and Sublime Text. Any code editor should work.

Thank you so much I already like that I can see different colors for the type of commands as text edit looks like word. I used text edit as that is what they had on the video (but he had colors) I will give it a shot in my next session. Thanks, Again.

I think Nick is using TextMate if you want to use that one. There is also TextWrangler for the Mac.

I am just jumping in here to talk about text editors, I feel I have tried them all. Anyway when you are just starting out I would recommend TextWrangler (Mac only) one because it is free and it forces you to type out all the code. It really helps by typing out all the code instead of having the text editor do code completion for you. Because the name of the game is repetition when it comes to learning and memorizing this stuff. Then once you get somewhat comfortable you can upgrade to the more functionality editors and install the Emmet plugin and that really helps speed up coding time. In the beginning though take your time and learn and try not to be in such a hurry.

Great thoughts and thanks for sharing that. I added one other to the list PhpStorm based on a recommendation. Was just checking it out and it looks like another great editor, though it's more of an IDE similar to Komodo.