Вы писали : "только в notepad++ открыл файл в браузере" - такая бессмыслица не бывает! Текстовый редактор Notepad++ открывает файлы в своём собственном окне, а не в браузере. Браузер - это другая программа, имеющая своё, другое окно для отображения файлов и web-страниц.

"установил sublime text 3 нашол в инете как его настроить" - Вы тратите время на малонужные темы, так Вы до старости не выучите html .

"обьесните пожалуйста почему эти редакторы работают по разному" - все люди думают по-разному, поэтому и все программы, написанные разными людьми, тоже работают по-разному. Это естесственно.

"где я допустил ошибку ?" - чтоб найти ошибку в Вашем файле, нужно увидеть Ваш файл. Упакуйте Ваш файл в zip- или в rar-архив и опубликуйте его на этой странице.

но когда я открыл файл в браузере вышло лишь этот же код что я написал в блокноте

Однозначно, ошибка в синтаксисе.
Мало знать буквы - надо еще уметь из них складывать слова, понятные браузеру

..

..

..

Потому что тегов <\h1>, <\h2> и <\р> не существует

В книги есть

Слэш прямой надо ставить:
<h1>One<\h1> - НЕ правильно
<h1>One</h1> - ПРАВИЛЬНО

В книги есть

А если будет написано: станьте на краю крыши и прыгните вниз - тоже прыгните?
Читайте спецификацию языка - раздел "Метки", а ту книгу что читали - выкиньте или сожгите.

Вместо того, чтобы картинками хвастаться, показали бы свой код.

А то получается как в анекдоте:

— Вася, ты слышал, что этот поп назвал женщин, живущих в гражданском браке, бесплатными пр@ститутками?! Я безумно возмущена!
— Лидочка, я возмущен еще больше! Ну а что ты с него возьмешь, он просто никогда не жил с бабой и не знает, во сколько она обходится, а то бы никогда не назвал их бесплатными.

Вы прислали скриншот с припиской "notepad++ выводит как положено" - Вы обманываете сами себя. Поэтому Вы не можете найти свою ошибку, а обращаетесь за помощью на Портал rfpro.ru .
На самом деле Notepad++ добросовестно отображает в своём окне тот НЕправильный код, который Вы написали. Таким образом, Notepad++ помогает Вам обнаружить свою ошибку, он показывает Вам Ваши ошибки , неправильные окончания тэгов : <\h1> , <\h2> , <\p> .

Грамотные люди уже писали Вам , что "тегов <\h1>, <\h2> и <\р> не существует" ! Но Вы упорствуете "В книги есть", и поэтому ещё долго будете "чайником".

Когда Вы исправите свои ошибки, тогда Notepad++ покажет Вам правильный код, и тогда это будет "как положено".
Тренируйте свою внимательность! То, что Вам кажется похожим, имеет разные коды. В том числе русская буква "а" и английская буква "a" имеют разные коды. Если будете путать похожие буквы и знаки, Вы никогда не сможете стать программистом. =Удачи!