This is an ad.
 
Webmonkey Kids
Webmonkey Kids
Lessons
Projects
Playground
Tools

Introduction
icon Aligning Images
Image Borders
Wrapping Text Around an Image
Some More Examples



Parents and Teachers:
Find out how your kids can use Webmonkey for Kids as a learning tool at home or in the classroom with our Planning Guide.

Send us feedback

Lesson C: Dealing with Images
Introduction


<img src="?"> places an image

<img align="?"> aligns an image

Before you can put an image on a Web page, you need to know the name of the image file and where it's stored on your server (which is the Internet computer where your Web site lives). That way you can tell the browser where to get the image it needs.

The easiest place to save the image is in the same folder or directory as your HTML file, which is where the browser will automatically look for it.

We have an image called monkey.gif, and it's in a folder called "stuff," which is in the same folder on our server as this HTML file.

The HTML for my monkey image will read like this:

<img src="/webmonkey/kids/lessons/stuff/monkey.gif">

The picture looks like this:

Next Page