Text + Pictures = Multimedia Multimedia + WWW = Global HyperMedia
<img src="filename.gif">where
filename.gif
is the name of a GIF file in the same
directory/folder as your HTML document. By "inline", this means that
a WWW browser will display the image in between text.
To force the image to appear on a separate line,
simply insert a paragraph tag before the image tag:
<p> <img src="filename.GIF">You can also control how text adjacent to the image aligns to the picture by including the align modifier:
<img align=top src="filename.GIF">
<img align=middle src="filename.GIF">
<img align=bottom src="filename.GIF">
Note how the text aligns only for one line... (shrink or stretch the width of your WWW browser window to see what happens)
In this exercise, you will add an introductory picture of a volcano to your lesson.
Volcanoes!
h1 heading, enter the
following:
<img src="lava.GIF">This will insert at the very top of your page the lava picture that you downloaded in the previous lesson.
If your HTML documents will be accessed from users using a text-only browser (i.e. such as lynx), they will not be able to view any inline images. Typically they will see a placeholder so that the top of the lesson page would appear as:
[IMAGE] VOLCANOES! In this lesson you will use the Internet to research information on volcanoes and then write a report on your results. ----------------------------------------------------------------- In this Lesson...This lest the view know that there is a graphic inserted at the top of this page. You could modify the <img> tag so that rather then using the placholder, it displays a text string. For example in our lesson we could add "A Lesson on:" by modifying the <img> to read:
<img alt="A Lesson on:" src="lava.GIF">The alt= keyword replaces the placeholder with a text string so that from a text-only browser, it would now appear:
A Lesson On VOLCANOES! In this lesson you will use the Internet to research information on volcanoes and then write a report on your results. ----------------------------------------------------------------- In this Lesson...
| Lesson Index | previous lesson "Graphics" | next lesson "Linking with Anchors" |
The Internet Connection at MCLI is
Alan Levine--}
Comments to levine@maricopa.edu