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/hacksaw.jpeg" alt="hacksaw paint brushes"/>
Also, be sure to use descriptive alt attributes on your <img> elements this helps with accessiblity and is best practice as well (see above for example).
I will definitely give this a shot, Aubrey. My only concern is, I've seen several others in the class remark that they've had major difficulties with implementing locally stored images into their coding.
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 yourresources
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/hacksaw.jpeg" alt="hacksaw paint brushes"/>
Also, be sure to use descriptivealt
attributes on your<img>
elements this helps with accessiblity and is best practice as well (see above for example).Example: https://github.com/DavidRog/prj-rev-bwfs-dasmoto/blob/master/Dasmotos/index.html#L11