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! While you're at it, check out some resources Treehouse students have shared here.

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 HTML Links Websites: Part 1

Posted by John Wallace
John Wallace
664 Points

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

Dustin Matlock
Dustin Matlock
33,856 Points

John, any chance you could post your code?

9 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

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
Dustin Matlock
Dustin Matlock
33,856 Points
Dustin Matlock
Dustin Matlock
33,856 Points

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

John Wallace
John Wallace
664 Points
John Wallace
John Wallace
664 Points

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!

John Wallace
John Wallace
664 Points
John Wallace
John Wallace
664 Points

Hold on that is not the code.

John Wallace
John Wallace
664 Points
John Wallace
John Wallace
664 Points 
<!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.

John Wallace
John Wallace
664 Points
John Wallace
John Wallace
664 Points

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

Dustin Matlock
Dustin Matlock
33,856 Points

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.

John Wallace
John Wallace
664 Points
John Wallace
John Wallace
664 Points

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?

Dustin Matlock
Dustin Matlock
33,856 Points

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.

John Wallace
John Wallace
664 Points
John Wallace
John Wallace
664 Points

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.

Dustin Matlock
Dustin Matlock
33,856 Points

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

Kevin Percha
Kevin Percha
1,201 Points
Kevin Percha
Kevin Percha
1,201 Points

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.

Dustin Matlock
Dustin Matlock
33,856 Points

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.