IPL Kidspace: Learning HTML

Reference
The World
Computers
Health & Nutrition
Reading Zone
Math & Science
Art & Music
Sports & Rec.
Fun Stuff

Science Fair
Stately Knowledge
Learning HTML
Orca Search
Poison Prevention
Author Page
Culture Quest
Story Hour
Say Hello
U.S. Presidents

Got a question? Ask our Ask a Question librarians!

(Use our Contact Us form for questions/suggestions about our site.)

Graphics and Images

Want to spice up your web page with some graphics and images? All you need is the image tag, <img>, and the source attribute, src, and a filename for the value. For example, I have an image of a goldfish bowl on on my computer's hard drive in the same folder with my HTML documents. And, I want to tell the web browser to"put the picture of the goldfish bowl on the web page right here, right now."This is how I would do it:

<html>

<head>

<title>Learning HTML</title>

</head>

<body>

<img src="GoldfishBowl.gif" />

</body>

</html>

Want to make the image bigger? All you have to do is specify a width and height attribute, as well as a value for each:

<html>

<head>

<title>Learning HTML</title>

</head>

<body>

</body>

</html>

Want to center the image on the web page? Just add a pair of center tags:

<html>

<head>

<title>Learning HTML</title>

</head>

<body>

<center><img src="GoldfishBowl.gif" /> </center>

</body>

</html>

Pretty cool, huh?

There are tons of places to find images and graphics for your page.

When you do find something that you want to include on your page -- whether images, graphics, or even text -- you need to make sure that it is not copyrighted. To better understand, let me explain some more about copyright…

Previous | Index | Next

This resource originally created by Deborah Dunk.
Revised and edited by Michael Galloway in 2005 & in 2006.

Updated on 15 Apr 2008



You are here:	Home » KidSpace » Learning HTML
KidSpace Home Ask a Question Subjects Reference The World Computers Health & Nutrition Reading Zone Math & Science Art & Music Sports & Rec. Fun Stuff Features Science Fair Stately Knowledge Learning HTML Orca Search Poison Prevention Author Page Culture Quest Story Hour Say Hello U.S. Presidents	Got a question? Ask our *Ask a Question* librarians! (Use our Contact Us form for questions/suggestions about our site.) Graphics and Images Want to spice up your web page with some graphics and images? All you need is the image tag, <img>, and the source attribute, src, and a filename for the value. For example, I have an image of a goldfish bowl on on my computer's hard drive in the same folder with my HTML documents. And, I want to tell the web browser to"put the picture of the goldfish bowl on the web page right here, right now."This is how I would do it: <html> <head> <title>Learning HTML</title> </head> <body> <img src="GoldfishBowl.gif" /> </body> </html> Want to make the image bigger? All you have to do is specify a width and height attribute, as well as a value for each: <html> <head> <title>Learning HTML</title> </head> <body> <img src="GoldfishBowl.gif" width="75" height="75" /> </body> </html> Want to center the image on the web page? Just add a pair of center tags: <html> <head> <title>Learning HTML</title> </head> <body> <center><img src="GoldfishBowl.gif" /> </center> </body> </html> Pretty cool, huh? There are tons of places to find images and graphics for your page. When you do find something that you want to include on your page -- whether images, graphics, or even text -- you need to make sure that it is not copyrighted. To better understand, let me explain some more about copyright… Previous \| Index \| Next This resource originally created by Deborah Dunk. Revised and edited by Michael Galloway in 2005 & in 2006. Updated on 15 Apr 2008
	IPL \| TeenSpace \| About the IPL \| Privacy Policy \| Accessibility Info \| Contact Us © 1995-2008 The Regents of the University of Michigan. All rights reserved. © 2008, Drexel University, All Rights Reserved