I suggest using Crimson Editor as an alternate to using NotePad. Crimson Editor is like choosing Microsoft Word instead of NotePad to write a document. CE is designed for web design purposes.
Here is a link for Crimson Editor:
Homepage of Crimson Editor - Free Text Editor, Html Editor, Programmers Editor for Windows
As far as tutorials, there is no better way to learn that from your own mistakes, but for a good place to learn the basics is W3 Schools. It has tutorials for every language of coding.
Here is a link for W3 Schools:
W3Schools Online Web Tutorials