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 Introduction Global Structure: Part 2

Posted by rk15
rk15
1,963 Points

My queries when using notepad to write HTML codes and then saving it as an index.html files...

  1. After writing html codes in notepad and then saving it as an index.html file gives the desired output in IE. However, when I close the notepad and want to open it again then it opens IE only because it is saved as an HTML file. Now, how should I edit my codes in notepad when I am not able to open it?
  2. I tried a workaround. I opened it with notepad and edited the code. Now, the logo has changed with notepad and I am not able to open it in a web browser. What's wrong here?
  3. I deleted the file and wrote the code from scratch in notepad and saved it as an index.html file. However, after saving it as an html file, it still shows the notepad logo. Why? Surprisingly, when I double-click it, it opens the notepad and when I open it as an IE, it open as a web browser.
  4. My web browser output is not the same as we see in the video. I do not see any link to launch workspace as well.
  5. While writing codes in notepad, I have to manually indent the code. But I see that in the video, Nick is not doing the same. For him probably it is automatically set.

Please help.

Renu

5 Answers

Danes Dan
Danes Dan
15,801 Points
Danes Dan
Danes Dan
15,801 Points

Hello Renukumari, I suggest using Notepad++ instead of the plaid old Notepad. Notepad++ is designated for code editing unlike plain Notepad, it's also lightweight. You'll see feature like auto indentation or 'colored' code / text in Notepad++. It is a powerful code editor, I'm sure you will like it better than Notepad :) You can download it from https://notepad-plus-plus.org/

For opening ( in purpose to edit ) .html files, right click on the file and choose 'open with', then choose the appropriate software to edit the file, in this case Notepad. This also apply when you want to open it on web browser, just right click - open with - choose your browser.

I hope this help. Happy coding!

rk15
rk15
1,963 Points

Thanks Danes. Let me give a try to it.

Renu

Stephen Fowles-White
Stephen Fowles-White
10,457 Points
Stephen Fowles-White
Stephen Fowles-White
10,457 Points

Hi Renu

Regarding point 5 - I had a simular problem when i started coding. The tool I used which is really useful and has many of the same feature as the one used on this website is visual Studio Code. It does a lot of auto completion for code and saves a lot of time. The program also allows you to open all the files in editing formate so can easily make and edit them, save them, and review your update just like the these tutorials show. - I have used note ++ and its a good basic software but I find Visual studio works very close to the one they use here and saves a lot more time with code structure.

Hope this helps

Ste

Motuma Kaba
Motuma Kaba
11,960 Points
Motuma Kaba
Motuma Kaba
11,960 Points

Hi Renukumari. I assume you are starting out with coding and use of coding manually would take time and frustrates if got typo error. As i started three month ago, i was having the same problem so, since i got solution for it, i thought i would share it. NotePad ++ is good but doing HTML in one page and CSS in another page takes time and hold you back big time. I recently findout SUBLIME text do much better than NotePad++ . You can work on html, css, & JS simultaneously. They both are free. But prefer SUBLIME TEXT. here is the link to download and I wish all the best https://www.sublimetext.com/

Lucas Leniek
Lucas Leniek
1,028 Points

Hello Motuma, I'm new in Treehouse and I wanted to ask I was always curious in this segment, I understand what the body tag is for and looks like its fundamental that any programmer needs to know it, what I can't fathom is what's the head tag for?? I scratching my head for this. PS I don't know if anybody can read this I agree on Motuma. Sublime, life saver makes you feel like Zuckerburg.

rk15
rk15
1,963 Points
rk15
rk15
1,963 Points

Hi Steven and Motuma,

Thanks for providing an option to write codes. I googled and found that both are good one but sublime seems to be paid. As I am learning, I would prefer the free text editor.

Renu

Motuma Kaba
Motuma Kaba
11,960 Points

Hi Renukumari, Sublime has free and paid features. I am using the free version for treehouse learning, You do not have to buy if you do not want.

rk15
rk15
1,963 Points
rk15
rk15
1,963 Points

Thanks for clarifying it, Motuma.