HTML не хочет выводить картинку на сайт.

Ты ./ перед images/Naisiki.png забыл
И линк убери

 что-то
не так
прописал
в коде 

h1>Изображение в той же папке</h1>
<img src="photo.jpg" alt="Описание изображения" width="500">

<h1>Изображение в папке `images`</h1>
<img src="images/photo.jpg" alt="Описание изображения" width="500">

<h1>Изображение по URL</h1>
<img src=" https://www.example.com/images/photo.jpg " alt="Описание изображения" width="500">

<h1>Изображение с размерами</h1>
<img src="images/photo.jpg" alt="Описание изображения" width="800" height="600">

<h1>Изображение с CSS стилями</h1>
<img src="images/photo.jpg" alt="Описание изображения">

<h1>Изображение как ссылка</h1>
<a href=" https://www.example.com ">
<img src="images/photo.jpg" alt="Кликни для перехода" width="500">

<h1>Изображение с атрибутом title</h1>
<img src="images/photo.jpg" alt="Описание изображения" title="Дополнительная информация" width="500">

<h1>Изображение с подписью</h1>
<figure>
<img src="images/photo.jpg" alt="Описание изображения" width="500">
<figcaption>Это пример изображения с подписью.</figcaption>
</figure>

убери эту бороду <link rel="images" href="pathtoimages/">. Либо используй preload для ресурсов, чтобы например повысить приоритет для загрузки фона. Для изображений тег <link> не применяется и на пути не влияет никак. Просто проверь написание имени файла..

Одну папку забыл. Надо <img src="source/images/Naisiki.png">
Потом непонятно, зачем тэг <link>, причем с ошибкой в имени папки source.