If you just want to add something pretty to your page to enhance the visuals, this is fine. You can also let users upload images, which might be useful for tasks like letting them add a profile photo. I can't find a way to embed or display local images, either through html or in a plotly graph. Provides essential information supporting the main text. How to create an unordered list with image bullets in HTML? There are also inline methods for placement. This is an empty element (meaning that it has no text content or closing tag) that requires a minimum of one attribute to be useful — src (sometimes spoken as its full title, source). How to save HTML Canvas as an Image with canvas.toDataURL()? If for example our image name was spelled dinosooooor.jpg, the browser wouldn't display the image, and would display the alt text instead: So, why would you ever see or need alt text? A figure doesn't have to be an image. A file path describes the location of a file in a web site's folder structure. This is where HTML images shine! In addition, never point your src attribute at an image hosted on someone else's website that you don't have permission to link to. HTML web storage provides two objects for storing data on the client: window.localStorage - stores data with no expiration date; window.sessionStorage - stores data for one session (data is lost when the browser tab is closed); Before using web storage, check browser support for localStorage and sessionStorage: Earlier we said to never hotlink to images on other servers, but this is just for learning purposes, so we'll let you off this one time. Our above code would give us the following result: Note: Elements like and