Simplify! Consider using locally stored images in your project as this is best practice for production code and will allow your page to load faster. To do this you would create a new images folder inside your resources folder, like this:
Then save the images you are using in your project to the new folder and use your <img> tags like this:
<img src="./resources/images/img-tea-cozy-logo.png" alt="Tea Cozy logo"/>
Also, be sure to use descriptive alt attributes on your <img> elements as this helps with accessiblity and is best practice (see above for example).
Simplify! Consider using locally stored images in your project as this is best practice for production code and will allow your page to load faster. To do this you would create a new
imagesfolder inside yourresourcesfolder, like this:Then save the images you are using in your project to the new folder and use your
<img>tags like this:<img src="./resources/images/img-tea-cozy-logo.png" alt="Tea Cozy logo"/>Also, be sure to use descriptivealtattributes on your<img>elements as this helps with accessiblity and is best practice (see above for example).Example: https://github.com/pgriffin31/prj-rev-bwfs-tea-cozy/blob/master/tea/index.html#L13