Начнём с логичного : для данных языков отлично подойдёт программа “SublimeText”.
Можно конечно писать в обычном «блокноте» , но думаю сами понимаете, почему лучше скачать Сублайм.
Важно! Что-бы программа подсвечивала синтаксис и правильно открывала ваши готовые Файлы , сразу перед началом кода - мы сохраняем файл , название его пишем латинскими буквами + .html