How to insert images
This website will not be hosting the images for your articles. If you wish to include images in your articles, read on.
To insert an image from another website, use the img src tag wrapped in the a href tag in order to properly link to the image source. See an example of this code below, and a sample image that uses this code:
- Only link to images that have a public use license (a good source is WikiMedia Commons).
- Above you see two tags: a href (which has an opening and closing tag) and img src. They have attributes that are enclosed in quotation marks.
- The a href tag begins with the URL for the source of the image, enclosed in quotation marks. It then includes the alt attribute, also enclosed in quotation marks, that is used to provide a description of the image.
- The img src tag begins with the link to the image itself (note the .jpg extension – this can also be .png) and is followed by the title attribute. What you write in those parentheses will form the text that appears when the image is moused over.
- Note the ‘closing slash’ after the URL in parentheses of the img src, and in the closing tag for a, which is ‘wrapping’ the image source. All tags are enclosed in angle brackets.
- Note the position of the equals sign: it goes between the attribute and what the attribute is defining (a URL or description). There are no spaces.
- Also note the spaces between attributes.