<img src="girljumprope.jpg">
Images
| All browsers can handle two graphic formats without a special plug-in. The two file types are GIF and JPEG. The HTML tag used to show a graphic on a page is the IMG tag. |
| HTML Code | Browser Display |
|
<img src="girljumprope.jpg"> |
|
In order for the graphic to show up on the web page, the file must be in the same folder as the HTML file. If you place your graphic in a different folder, you will have to specifies the path (all the folders from the current folder to the target folder) to the folder that contains the graphic. Some people put all the graphics for a project in a folder separate from the HTML. This is perfectly acceptable. The same file above couple be in a folder called images, and the link would look like that below. |
| HTML Code | Browser Display |
|
<img src="images/girljumprope.jpg"> |
|
| To make your web page load faster, you should also include the size of each image in the HTML image tag. This is demonstrated below. Most WYSIWYG HTML editors will automatically insert this code for you. |
| HTML Code | Browser Display |
|
<img src="girljumprope.jpg" width="115" height="166"> |
|
| You can also combine the image and link tags to create an image that is "click-able". You've placed the hyperlink tag in blue so you can see the two parts of the code. |
| HTML Code | Browser Display | ||
|
<a
href="http://www.jumprope.com"> |
|
| Jump To Top | Extra
Items  |
|
