Posting images in a webpage and important lesson about file organisation!!!!!

This is the fundamentals of html, of course but I have just learned it.

This is the link to an image:
<img src="./images/SequenceComponentStep3.png" width="400" height="400">

The first part of this is the path.
The dot has a specific meaning.

<img src="./images/SequenceComponentStep3.png" width="400" height="400">
When the dot is there, it means:
file:///Users/paulbrennan/Documents/BioJS%20Folder/html/images/SequenceComponentStep3.png
i.e. a folder in the current folder.

<img src="SequenceComponentStep3.png" width="400" height="400">
When no dot is there, it means:
file:///Users/paulbrennan/Documents/BioJS%20Folder/html/SequenceComponentStep3.png
i.e. look in current folder.

<img src="../images/SequenceComponentStep3.png" width="400" height="400">
When two dots are there, it means:
file:///Users/paulbrennan/Documents/BioJS%20Folder/images/SequenceComponentStep3.png
i.e. a folder in the same folder as the current folder.

This file organisation structure is VERY important.