7.a Inline Image

Activity

Placing an Inline Image in Your HTML document

 You will also need to have the GIF image available from the Lesson 7 Image Studio.

In this exercise, you will add an introductory picture of a volcano to your lesson.

1. Re-open your workspace (if not already open).
2. Open your volc.html document with the text editor.
3. Above the

   Volcano Web

   heading, enter the following:

   This HTML format will insert, at the very top of your page, the lava picture that you downloaded in the previous lesson.

4. Save and reload in your web browser.

In placing the image, you may have wondered why we did not need to put a

tag after the image. This is because the following text was a header. A web browser always inserts a paragraph break before and after an tag.

Performance

Surf the web and browse for pictures. Try to download three images that might be useful for your page. Just a few places you might try:

• ClipArt Connection
• CoolText Online Graphics Generator
• Ditto.com
• Yahoo's Clip Art
• Lycos' Picture Search
• Yahoo's ImageSurf
• The Free Site
• Free Graphics Store
• Barry's Clip Art Server

Create an Html Document which describe the images you have downloaded.

Specify the inline image dimension.

The first picture should be aligning top, the second should be center align, and the last one must be bottom align.

ASSIGNMENT

Create an HTML document with the following format below. Designate your image with the filename "Filename.gif".

1)

align=top
 

is for Maricopa Community Colleges located in the Valley of the Sun, metropolitan Phoenix, Arizona. Our license plates say that we are the Grand Canyon State...

2)

align=middle
 

is for Maricopa Community Colleges located in the Valley of the Sun, metropolitan Phoenix, Arizona. Our license plates say that we are the Grand Canyon State...

3)

align=bottom (default)
 

is for Maricopa Community Colleges located in the Valley of the Sun, metropolitan Phoenix, Arizona. Our license plates say that we are the Grand Canyon State...