Overview
In this lesson we will study how to put images onto their page, add alternative text, and make an image link.
Learner Outcomes
At the end of this lesson students will have successfully added an image to their page, create an alternative text, and create an image link to another site or page.
Images
You can easily add an image to a Web page. The following is an example of adding images.
<html>
<head>
<title> My
Image
Page </title>
</head>
<body>
<p>This is my image of.....
<img src="location &
name of image">
</body>
</html>
Some visitors to your Web site may not be able to see your image because they have set their browser to ignore images. You can specify the text you want to display instead of the image. This will help readers know what they are missing.
adding alternative text...
<html>
<head>
<title> My
Image
Page </title>
</head>
<body>
<p>This is my image of.....
<img src="location &
name of image" ALT="Description of
image">
</body>
</html>
LINKS
You can have an image in your Web page link to another page
on the Web. Many times an image link will display a border.
The following is
an example of how to create an image link.
<html>
<head>
<title> My
Image
Page </title>
</head>
<body>
<p>This is my image of..... and it is a link to the second layer
of my Web site.
<A HREF="name of site to link
too.html"> <img src="location & name of
image"> </A>
</body>
</html>
| |
|
|
|
|
|
| |
|
||||
| |
|
||||