Menu

Insert image

Leslie Kaye

Insert Image <img> HTML tag

The <img> tag inserts an image in your web page. For further information and options see <img> tag at W3Schools

  • Image file src: Enter the local file name of the image or the full http:// URL. Use the Paste button to enter this from the Clipboard or browse to Open a File. Note: a local disc file must already be stored in or below your Documents\Websites(my website) folder and uploaded to the web server - see [Add files].
  • Alterntate Text: (optional) Enter an alternate description to be shown in web browsers unable to display the image
  • Class: (optional) Enter the CSS class name where you have already defined a CSS style for your image
  • Style: (optional) Enter a CSS style for your image
  • Other Attributes: (optional) Enter any other attributes to be included within the tag.

Wrap the <img> tag in a <picture> tag

This permits alternate images to be loaded depending on the viewport capabilities of the web browser For further information and options see <picture> tag at W3Schools

Complete the Viewport and Image edit boxes then click the Add button to include them to the list.


Related

Wiki: Add files
Wiki: Editing files

Want the latest updates on software, tech news, and AI?
Get latest updates about software, tech news, and AI from SourceForge directly in your inbox once a month.