Błąd obrazka w html

Witam od jakiegoś czasu uczę się języka HTML i wciąż nie mogę poradzić sobie z jednym problemem chodzi o obrazki.Przy wpisaniu komendy

<.img src="obrazek.JPEG" alt="obrazek"/>

i włączeniu przeglądarki,obrazek nie chce się załadować.Próbowałem już w różnych przeglądarkach również ustawiałem wielkość obrazka i zmieniałem format ale nic nie działa.Może macie jakieś podpowiedzi co mogę zrobić aby obrazek poprawnie się załadował?.Obrazek który się załadowuje wygląda tak

<img src="obrazek.JPEG" alt="obrazek"/>

Niepoprawna ścieżka
<img src="dickbutt.jpg">, gdzie dickbutt.jpg znajduje się w tym samym folderze co uruchamiany plik .html

ten obraz mam zapisany w folderze razem ze stroną dodawałem też do komendy dokładną ścieżkę,ale nic nie pomogło :/
Może to być spowodowane przez programw jakim piszę??(Notatnik++) czy to raczej nie ma znaczenia?

Błędnie wpisujesz nazwę pliku.

skopiowałem nazwę pliku i też nie działa

Uruchamiasz to lokalnie na dysku (file://), czy wrzucasz na jakiś serwer?
Czy może masz u siebie zainstalowany serwer HTTP?

Sprawdź w konsoli przeglądarki (Chrome: F12, zakładka Console; nie pamiętam jak się to robi na innych przeglądarkach) czy masz jakieś błędy.

Jaki w ogóle masz system i przeglądarkę?

jest już ok zauważyłem że zadziałało dopiero gdy zrestartowałem Notatnik++ może jakiś błąd był.Dobra temat do zamknięcia.Dziękuję za odpowiedzi.

Jeżeli zadziałało po zamknięciu notatnika to możliwe, że w ogóle nie zapisywałeś tego projektu. Jak wprowadzisz jakąś zmianę w Notepad++ wciskasz ctr+s następnie dopiero przechodzisz do przeglądarki i ją odświeżasz.