Working with Images in HTML

Image from Website

This is my first web page.

random image from unsplash

Image from File

This is my first web page.

image from local file (alt text if image not found) image from local file (alt text if image not found)

Image as Figure with Caption

random image from unsplash
A Random Picture

iFrame

SVG

You can import an svg from figma as well!

an example of copying an item from Figma as an SVG to directly drop into your HTML.
Right click any object in Figma and you can copy it as an SVG. Simply copy and paste into you HTML.(sadly this does not work in firefox at the moment, the app and chrome version work fine)

canvas