Adding an Image in Notepad++

Overview

• Tutorial on how to add an image using Notepad++.
• Steps involved in checking and correcting errors when image fails to load.

Steps for Adding an Image

1. Write the HTML Code

   • Use <img src=""> tag for adding an image.
   • Include the file name and extension (e.g., .jpg, .jpeg, .png).

2. Locating the Image File

   • Ensure the image is in the correct folder.
   • Check the file extension carefully.

3. Running the Code in Web Browser

   • Save the changes in Notepad++.
   • Attempt to run the HTML file in a web browser.

4. Troubleshooting Errors

   • If an error occurs, verify the folder name and the file name in the code.
   • Check the image properties to confirm the correct file extension.
   • Correct any mismatches in the code.
   • Save changes again and rerun the file.

5. Successful Image Display

   • After corrections, the image should display correctly in the web browser.

Conclusion

• Remember to always save changes before previewing.
• Checking file paths and extensions carefully can resolve most issues.

---

Thank you for watching! Have a nice day.