"HTML BASICS is The EASIEST to use and understand Web
Site building course on the Net!"
Previous Lessons
Lesson #1
HTML
Reference and Basic HTML
Lesson #2
Adding
Text to your Web Site
Lesson #3
Using
Colors in HTML
Lesson #4
Web
Site Structure
Lesson #5
"Adding Images to Web Sites" |
Lesson #5 HTML Graphics
Adding Images to Web Pages
There are three types of images (graphics) that
can be used on the Internet. They are .png, .gif, and .jpg (file extensions).
Since images on web pages are not embedded into the page. Images must be
in the same folder as your html pages or within a sub folder of your web
site (with directions for the browser to locate the image(s) to be displayed).
*Notice each section; html, head,
title, and body each have a opening tag <> and a closing tag </>
<html>
<head><title></title>
</head>
<body>
IMAGES GO HERE, BETWEEN OPEN AND CLOSE BODY
TAGS
This is the code you would use if
the image file you are adding is located in the same folder.
<IMG SRC="imagename.gif">
</body>
</html>
Remember: Images must be in the same folder as your
html pages or within a sub folder of your web site (with directions for
the browser to locate the image(s) to be displayed). It is very common
for new webmasters to have broken images within thier sites. Easy to fix
because the problem is ALWAYS one of two things.
1) The Image is not in the place where the tag
says it is
2) The filename is incorrect (YES it is case
sensitive)
|