Ask Programiz - Human Support for Coding Beginners

When working on a real project, you might organize your files in a structured way using folders inside other folders. This is what we mean by a nested directory structure.

For example:

website   
│── home  
│   │── index.html
│   │── images  
│   │   │── banner.png 

Here, banner.png is inside the images folder, which is inside the home folder, making it a nested directory structure.

Since index.html is in the home folder, you’d reference the image like this:

<img src="/images/banner.png">

This tells the browser to look inside the images folder, which is in the same directory as index.html, to find banner.png.

When working on a real project, you might organize your files like this:

website
│── home
│   │── index.html
│   │── banner.png

Here, website is the root folder, and it contains another folder called home. Inside home, both index.html and banner.png are stored in the same location.

When we say "the image is in the same directory as the HTML file", we mean that both files exist within the same folder.

Now, inside index.html, you can easily reference banner.png like this:

<img src="banner.png">

This tells the browser to look for banner.png in the same folder as index.html.

The importance of comments depends on whether you (or someone else) will need to read your code again in the future—which is almost always the case in real-world programming.

If you're working on a project with others, comments make it much easier for teammates to understand your code’s purpose and logic. Even if you're working alone, comments help you remember why you wrote something a certain way—especially if you revisit the code weeks or months later.

When to use comments:

• To explain why something is done (not just what is done—that should be clear from good code and variable names).

• To clarify complex logic or non-obvious decisions.

• To mark sections of code like TODOs.

Note: Avoid over-commenting. Good code should be readable on its own, and excessive comments can clutter it. Think of comments as helpful guideposts, not a substitute for clear code.

No, you don’t have to memorize all the HTML tags. HTML is a beginner-friendly language, and over time, you’ll naturally become familiar with the most commonly used tags as you practice and build projects.

Let me know if you have any more questions, I’m happy to help!

!DOCTYPE tells the browser that the page is using HTML. It ensures that the webpage is displayed correctly.

I hope that makes sense! Let me know if you have any other questions—I'm happy to help.