Using Images
How do I add an image to my page?
Now you want to be able to add images to your page. As simple as this is, there are several elements you need to learn about, including spacing and defining height and width elements. Keep in mind, the one rule to remember when desiging a page is that you're designing it FOR your visitors, and you want it to be as user-friendly as you can. Defining the height and width attributes will help the page load faster, which is always appreciated by your users.
Adding an Image
To add an image, use this code.
<img src="URL OF YOUR IMAGE">
To add an image and define height and width attributes, use this code. To get the height and width of your image, open it in your browser and right click on it.
<img src="URL OF YOUR IMAGE" height="100" width="100">
Spacing Images
Let's say you have two images together, but you'd like a space in between them. To do this, you can use vertical or horizontal spacing, or hspace and vspace. Horizontal spacing would add spaces between images side by side, and vertical spacing would add spaces between images on top or bottom. Use this code to add vertical spacing.
<img src="URL OF YOUR IMAGE" vspace="10">
Use this code to add horizontal spacing.
<img src="URL OF YOUR IMAGE" hspace="10">
Centering Images
If you add an image to your page, and want it to be in the center of the page, you would use this code.
<center><img src="URL OF YOUR IMAGE"></center>
Aligning Images
You can use this code for centering images, as well, except with this code, you can also align your images to stay on the left of the page or the right of the page.
To align it to the left, you would use this code.
<div align=left><img src="URL OF YOUR IMAGE"></div>
To align it to the right, you would use this code.
<div align=right><img src="URL OF YOUR IMAGE"></div>
To align it to the center, you would use this code.
<div align=center><img src="URL OF YOUR IMAGE"></div>